<!DOCTYPE html>
<html lang="en">
<head>
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta charset="utf-8">
<title>【东乾运车】轿车托运_专业汽车托运_私家车托运_汽车运输 </title>
<meta name="keywords" content="轿车托运,汽车托运,托运汽车,轿车运输,私家车托运,汽车托运价格" />
<meta name="description" content="东乾运车专注于全国私家车托运,轿车托运,二手车托运,小汽车托运.专业汽车托运,全程保险,全国省会城市覆盖,GPS位置追踪,支持车到付款." />
<meta http-equiv="mobile-agent" content="format=html5; url=https://www.jcty56.com/">
<meta http-equiv="mobile-agent" content="format=xhtml; url=https://www.jcty56.com/">
<meta name="mobile-agent"content="format=[html5]; url=https://www.jcty56.com/">
<!--<link rel="stylesheet" href="/css/style.css">-->
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/lrtk.css">
<meta name="sogou_site_verification" content="JNiwnDjHqs" />
</head>
<meta name="baidu-site-verification" content="codeva-D1j2HorUce" />
<body>
<div class="header">
<div class="hd wrap">
<div class="logo fl"><a href="/"><img src="/images/logo.png"/></a></div>
<div class="tel fr"><span><a href="tel:19308074871">19308074871</a></span></div>
</div>
<div class="nav">
<ul class="wrap">
<li><a href="/">首页</a></li>
<li><a href="/jd/00001.html">公司介绍</a></li>
<li><a href="/jd/00002.html">价格查询</a></li>
<li><a href="/jd/00003.html">托运合同</a></li>
<li><a href="/jd/00004.html">业务范围</a></li>
<li><a href="/jd/00005.html">托运线路</a></li>
<li><a href="/jd/00006.html">托运需知</a></li>
<li><a href="/jd/00007.html">托运流程</a></li>
<li><a href="/jd/">托运相关</a></li>
<li><a href="/jd/00008.html">联系我们</a></li>
</ul>
</div>
</div>
<div class="banner" style="background-image: url('/images/ban.jpg')"><img src"/images/ban.jpg" style="display: none"></div>
<div class="float-quoteForm pc-quoteForm" style="bottom:0">
    <!--<a class="Tg" title="获取报价"><s class="arrow"><s>></s></s></a>-->
    <div class="Tt" style="opacity:1;visibility: visible;}">
        <div class="contain w" style="width:1400px">
            <form id="jFormFloats" class="formCheck" action="#" method="post" data-ajax="true">
            <div class="dct">
                <div class="wrapIn">
                    <p class="p1">东乾运车</p>
                    <p class="p2">快速报价</p>
                </div>
            </div>
            <div class="item formItem">
                <input name="start_city" placeholder="起点城市" pd="notnull" data-fWarn-null="请选择起点城市" class="skin inquiry_start" ysq-addressPicker readonly type="text"/>
                <input type="text" class="inquiry_start_none" readonly>
            </div>
            <div class="item formItem">
                <input name="end_city" placeholder="终点城市" pd="notnull" data-fWarn-null="请选择到达城市" class="skin inquiry_end" ysq-addressPicker readonly type="text"/>
                <input type="text" class="inquiry_end_none" readonly>
            </div>
            <div class="item formItem ">
                <input name="telphone" placeholder="手机号" pd="tel" data-fWarn-null="请填写手机号" class="skin inquiry_mobile" type="text"/>
            </div>
            <div class="item formItem pvc">
                <input name="verify_code" placeholder="图片验证码" pd="yzm4" data-fWarn-null="请填写验证码" class="skin  inquiry_imgYzm" type="text"/>
                <div class="sendcode btn aBtnlr imgYzm" id="imgYzm" onclick="getImages(0)">图片验证码</div>
            </div>
            <div class="item formItem pvc">
                <input name="verify_code" placeholder="手机验证码" pd="yzm4" data-fWarn-null="请填写验证码" class="skin inquiry_yzm" type="text"/>
                <a class="sendcode btn aBtnlr  inquiry_imgYzm" onclick="addCode(0)"
                   placeholder="请输入图片验证码"
                   id="inquiry_imgYzm">获取验证码</a>
            </div>
            <input type="hidden" name="catid" value="31">
            <input type="hidden" name="url" value="{{$url}}">
            <div class="item formItem btns">
                <div class="enter btn" onclick='addOffer()'>
                    <span>立即查价</span>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
<div class="mhy-quoteForm float-quoteForm" style="position:initial;">
    <!--<a class="Tg" title="获取报价"><s class="arrow"><s>></s></s></a>-->
    <div class="Tt" style="opacity:1;visibility: visible;background-color:#fff">
        <div class="contain w">
            <form id="jFormFloats" class="formCheck" action="#" method="post" data-ajax="true" style="padding-left:5%;flex-direction:column;height:350px;font-size: 24px;font-weight: 600;">
            <h1 style="color: #f1ab18;text-align: center;">极速查价</h1>
            <div class="item formItem">
                <input name="start_city" placeholder="起点城市" pd="notnull" data-fWarn-null="请选择起点城市" class="skin inquiry_start inquiry_start1" ysq-addressPicker readonly type="text" style="width: 100%;background-position: 90%;border: 1px solid #ddd;"/>
                <input type="text" class="inquiry_start_none" readonly>
            </div>
            <div class="item formItem">
                <input name="end_city" placeholder="终点城市" pd="notnull" data-fWarn-null="请选择到达城市" class="skin inquiry_end inquiry_end1" ysq-addressPicker readonly type="text" style="width: 100%;background-position: 90%;border: 1px solid #ddd;"/>
                <input type="text" class="inquiry_end_none" readonly>
            </div>
            <div class="item formItem ">
                <input name="telphone" placeholder="手机号" pd="tel" data-fWarn-null="请填写手机号" class="skin inquiry_mobile inquiry_mobile1" type="text" style="width: 100%;border: 1px solid #ddd;"/>
            </div>
            <div class="item formItem ">
                <input name="verify_code" placeholder="手机验证码" pd="yzm4" data-fWarn-null="请填写验证码" class="skin inquiry_yzm inquiry_yzm1" type="text" style="width: 100%;border: 1px solid #ddd;"/>
            </div>
            <div class="item formItem ">
                <div class="sendcode btn aBtnlr yzm" onclick="addCode(0)" style="background-color: #0077b8;width: 100%;font-size: 14px;color: #fff;text-align: center;">获取验证码</div>
            </div>
            <input type="hidden" name="catid" value="31">
            <input type="hidden" name="url" value="{{$url}}">
            <div class="item formItem btns">
                <div class="enter btn" onclick='addOffer()' style="width: 98%">
                    <span>立即查价</span>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript" src="/css/jquery-1.8.3.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://www.jcty56.com/css/addressJson.js"></script>
<script type="text/javascript" charset="UTF-8" src="https://www.jcty56.com/css/addressPicker.js"></script>
<script type="text/javascript">
    function browserRedirect() {

        // alert(url);
        var sUserAgent = navigator.userAgent.toLowerCase();
        if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
            console.log("移动端");
            $(".pc-quoteForm").css("display", "none");
        } else {
            console.log("pc端");
            $(".mhy-quoteForm").css("display", "none");
        }

    }

    browserRedirect();
</script>
<script>
    let domainName = "https://prod.56pai.cn/";
    let hang = 60;

    let getImagesHang = 2;
    // 获取图片
    function  getImages(type) {
        if (getImagesHang != 2) {
            return false;
        }
        getImagesHang--;
        var time = setInterval(function () {
            getImagesHang--;
            if (getImagesHang == 0) {
                getImagesHang = 2;
                clearInterval(time);
            }
        }, 1000);
        let mobile = ""
        if (type === 0) {
            mobile = $(".inquiry_mobile").val();
        } else {
            mobile = $(".inquiry_mobile1").val();
        }
        if (mobile === '' || !isMobileNumber(mobile)) {
            if (type === 0) {
                $(".inquiry_mobile").css("border", "#e32226 solid 1px");
            } else {
                $(".inquiry_mobile1").css("border", "#e32226 solid 1px");
            }
            onFrom()
            return false;
        }

        var windowUrl = window.URL || window.webkitURL;//处理浏览器兼容性
        var xhr = new XMLHttpRequest();
        var url =  domainName+"/api/market/template/send-tpl-verify?servicePhone=" + mobile ;//验证码请求地址
        xhr.open("GET", url, true);
        xhr.responseType = "blob";
        xhr.onload = function () {
            if (this.response.code!=null){
                alert(result.msg);
            }
            var blob = this.response;
            var img = document.createElement('img');
            // 设置Image的src属性为Base64编码的图片
            img.src = windowUrl.createObjectURL(blob);
            img.height=32;
            if (type === 0) {
                $('#imgYzm').html("");
                $('#imgYzm').append(img);
            }else{
                $('#imgYzm1').html("");
                $('#imgYzm1').append(img);
            }
        }
        xhr.send();

    };








    // 短信验证码
    function addCode() {

        if (hang != 60) {
            return false;
        }
        hang = 59;
        let mobile = ""
        mobile = $(".inquiry_mobile").val();
        if(mobile==''){
            mobile = $(".inquiry_mobile1").val();
        }
        let code = $(".inquiry_imgYzm").val();
        if(code==''){
            mobile = $(".inquiry_imgYzm1").val();
        }
        if(code==''){
            mobile = $(".inquiry_imgYzm1").val();
            $(".inquiry_imgYzm").css("border", "#e32226 solid 1px");
            $(".inquiry_imgYzm1").css("border", "#e32226 solid 1px");
            return ;
        }
        console.log("mobile===="+mobile);
        if (mobile === '' || !isMobileNumber(mobile)) {
            $(".inquiry_mobile").css("border", "#e32226 solid 1px");

            hang = 60;
            return false;
        } else {
            $(".inquiry_mobile").css("border", "#e32226 solid 0px");
        }

        $.ajax({
            type: "get",
            url: domainName+"/api/market/template/send-tpl-sms?servicePhone=" + mobile +"&code="+code,
            success: function(result) {}
        });
        var time = setInterval(function() {
            // console.log("验证码====" + hang);
            hang--;
            $(".yzm").html(hang + "秒后再次获取");
            if (hang == 0) {
                hang = 60;
                clearInterval(time);
                $(".yzm").html("重新获取验证码");
            }
        }, 1000);

    }
    function onFrom() {
        setInterval(function() {
            $(".inquiry_companyName").css("border", "#bbbbbb solid 1px");
            $(".inquiry_name").css("border", "#bbbbbb solid 1px");
            $(".inquiry_mobile").css("border", "#bbbbbb solid 1px");
            $(".inquiry_lineName").css("border", "#bbbbbb solid 1px");
        }, 5000);
    }
    // 判断手机号
    function isMobileNumber(phone) {
        console.log("输入的电话" + phone);
        var flag = false;
        var message = "";
        var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[4-9]{1})|(18[0-9]{1})|(199))+\d{8})$/;
        if (phone == '') {
            //console.log("手机号码不能为空");
            message = "手机号码不能为空！";
        } else if (phone.length != 11) {
            //console.log("请输入11位手机号码！");
            message = "请输入11位手机号码！";
        } else if (!myreg.test(phone)) {
            //console.log("请输入有效的手机号码！");
            message = "请输入有效的手机号码！";
        } else {
            flag = true;
        }
        if (message != "") {// alert(message);
        }
        return flag;
    }

    function addOffer() {

        let i = 0;

        let start_city = ""
        start_city = $(".inquiry_start").val();
        if (start_city == '') {
            start_city = $(".inquiry_start1").val();
        }
        if (start_city == '') {
            $(".inquiry_start").css("border", "#e32226 solid 1px");
            i++;
        } else {
            $(".inquiry_start").css("border", "#e32226 solid 0px");
        }
        let end_city = ""
        end_city = $(".inquiry_end").val();
        if (end_city == '') {
            end_city = $(".inquiry_end1").val();
        }
        if (end_city == '') {
            $(".inquiry_end").css("border", "#e32226 solid 1px");
            i++;
        } else {
            $(".inquiry_end").css("border", "#e32226 solid 0px");
        }
        let mobile = $(".inquiry_mobile").val();
        if (mobile == '') {
            mobile = $(".inquiry_mobile1").val();
        }
        if (mobile == '') {
            $(".inquiry_mobile").css("border", "#e32226 solid 1px");
            i++;
        } else {
            $(".inquiry_mobile").css("border", "#e32226 solid 0px");
        }
        let yzm_city = $(".inquiry_yzm").val();
        if (yzm_city == '') {
            yzm_city = $(".inquiry_yzm1").val();
        }
        if (yzm_city == '') {
            $(".inquiry_yzm").css("border", "#e32226 solid 1px");
            i++;
        } else {
            $(".inquiry_yzm").css("border", "#e32226 solid 0px");
        }
        let startCode = $(".inquiry_start_none").val();
        let endCode = $(".inquiry_end_none").val();
        if (i != 0) {
            onFrom()
            return false;
        }
        let addO = {
            url: 'https://prod.56pai.cn/api/market/applet/user-c-order/urlscheme',
            startCode: startCode,
            endCode: endCode,
            code: yzm_city,
            channel: "1676042678655655938",
            clueTypeEnum: '2',
            startAddress: start_city,
            endAddress: end_city,
            phoneNumber: mobile,
            totalPrice: "",
            transportTime: ""
        }

        console.log(" 进入正常表单")
        pushAjax(addO);
    }
    // 提交表单
    function pushAjax(addO) {
        $.ajax({
            type: "POST",
            url: domainName + "/api/market/crm/clue/addClue",
            data: JSON.stringify({
                "url": addO.url + "",
                "code": addO.code + "",
                "channel": addO.channel + "",
                "clueTypeEnum": addO.clueTypeEnum + "",
                "startAddress": addO.startAddress + "",
                "endAddress": addO.endAddress + "",
                "phoneNumber": addO.phoneNumber + "",
                "totalPrice": "",
                "transportTime": ""
            }),
            // dataType:'json',
            contentType: "application/json",
            success: function(data) {
                console.log("data", data)
                $(".inquiry_start").val("");
                $(".inquiry_end").val("");
                $(".inquiry_yzm").val("");
                $(".inquiry_mobile").val("");
                if (data.code === 10000) {
                    $(".code_succeed_background").css("display", "flex");
                    // {{returnConfig}}
                    console.log("通过")
                    alert('提交成功,稍等客服联系您')
                    alertCopy()
                } else {
                    console.log("失败")
                    alert(data.msg)
                }
            }
        });
    }
</script>
<style>
    /*<link rel="stylesheet" href="/css/style.css">*/
    .quoteForm {
        width: 100%;
        height: 80px;
        background-color: rgba(0,0,0,0.2);
        position: fixed;
        bottom: 0;
    }

    .inquiry_start_none {
        width: 0;
        height: 0;
        border: 0 red;
        float: right;
    }

    .inquiry_end_none {
        float: right;
        width: 0;
        height: 0;
        border: 0 red;
    }

    .Tg .btn,.sNews-hotspot-Tt .box .title {
        font-size: 24px
    }
    }

    @media screen and (max-width: 1440px) {
        .footer-t .fContact .left .ds,.fz28,.sComments-tab .Tg .btn,.sNews-hotspot-Tt .box .title {
            font-size:22px
        }
    }

    .footer-t .fContact .left .dt,.footer-t .fContact .left .flogo,.footer-t .fContact .right .dt,.fz24,.index-about .right .dt,.index-guarantee-swiper .item .txt .dt,.index-news-col .head .this,.sAbout-intro-swiper .item .playBtn .wrapIn>p,.sAbout-intro2 .videoBox .playBtn .wrapIn>p,.sBusiness-group .dd .item .aside,.sBusiness-group .dt,.sBusiness-models .dd .item .col .title,.sBusiness-models .dt,.sNews-list .item .title,.sQuote-form .counts,.sService-commitment-tab .Tt .box .dt,.subpage-head2 .cn {
        font-size: 24px
    }

    @media screen and (max-width: 1600px) {
        .footer-t .fContact .left .dt,.footer-t .fContact .left .flogo,.footer-t .fContact .right .dt,.fz24,.index-about .right .dt,.index-guarantee-swiper .item .txt .dt,.index-news-col .head .this,.sAbout-intro-swiper .item .playBtn .wrapIn>p,.sAbout-intro2 .videoBox .playBtn .wrapIn>p,.sBusiness-group .dd .item .aside,.sBusiness-group .dt,.sBusiness-models .dd .item .col .title,.sBusiness-models .dt,.sNews-list .item .title,.sQuote-form .counts,.sService-commitment-tab .Tt .box .dt,.subpage-head2 .cn {
            font-size:20px
        }
    }

    .ctr.ctr-about-intro,.float-quoteForm,.fz20,.index-business-group-swiper .item .aside,.index-business-industry-swiper .item .txt,.index-business-models .line,.index-business-tab .Tg .btn .this,.index-business-territorial .aside,.index-news-col,.index-news-col .news-list .item,.index-service-list .item,.sAbout-development-swiper .item,.sAbout-digitalData .scene2 .section,.sAbout-intro .section,.sAbout-intro .section .right,.sAbout-intro .section.s3 .ctrs,.sAbout-intro .section.s3 .digitalData .col .sdt .unit,.sAbout-intro .w:before,.sAbout-intro-swiper .item .playBtn .wrapIn,.sAbout-intro2 .videoBox .playBtn .wrapIn,.sAbout-value .list3 .item .icoImg,.sBusiness-industry .item .picBox,.sBusiness-territorial-digitalData .col .sdd,.sBusiness-territorial-digitalData .col:before,.sComments-tab .module-scrollBox .item,.sComments-wall .wall .tip,.sNews-hotspot-Tt .box .date,.sNews-list .item .date,.sQuestion-list .item .show,.sQuote-form .formItem .enter,.sQuote-slogan .wrapIn .p2,.sQuote-wrap:before,.sService-flow-tab .Tg .btn,.sService-gps-intro .oList .arrow,.sService-insurance-intro,.sService-vs-info {
        font-size: 20px
    }

    @media screen and (max-width: 1600px) {
        .ctr.ctr-about-intro,.float-quoteForm,.fz20,.index-business-group-swiper .item .aside,.index-business-industry-swiper .item .txt,.index-business-models .line,.index-business-tab .Tg .btn .this,.index-business-territorial .aside,.index-news-col,.index-news-col .news-list .item,.index-service-list .item,.sAbout-development-swiper .item,.sAbout-digitalData .scene2 .section,.sAbout-intro .section,.sAbout-intro .section .right,.sAbout-intro .section.s3 .ctrs,.sAbout-intro .section.s3 .digitalData .col .sdt .unit,.sAbout-intro .w:before,.sAbout-intro-swiper .item .playBtn .wrapIn,.sAbout-intro2 .videoBox .playBtn .wrapIn,.sAbout-value .list3 .item .icoImg,.sBusiness-industry .item .picBox,.sBusiness-territorial-digitalData .col .sdd,.sBusiness-territorial-digitalData .col:before,.sComments-tab .module-scrollBox .item,.sComments-wall .wall .tip,.sNews-hotspot-Tt .box .date,.sNews-list .item .date,.sQuestion-list .item .show,.sQuote-form .formItem .enter,.sQuote-slogan .wrapIn .p2,.sQuote-wrap:before,.sService-flow-tab .Tg .btn,.sService-gps-intro .oList .arrow,.sService-insurance-intro,.sService-vs-info {
            font-size:18px
        }
    }

    .fz18,.index-head .dd .wrapIn,.index-news-col .news-list .item.picText .title,.modal-searchForm .searchBox .enter,.sAbout-value .list3 .item .sdd,.sContact-ways .list .item .sdt,.sQuote-contact .list .item,.sQuote-form .formItem .focus,.sService-section .head .en {
        font-size: 18px
    }

    @media screen and (max-width: 1600px) {
        .fz18,.index-head .dd .wrapIn,.index-news-col .news-list .item.picText .title,.modal-searchForm .searchBox .enter,.sAbout-value .list3 .item .sdd,.sContact-ways .list .item .sdt,.sQuote-contact .list .item,.sQuote-form .formItem .focus,.sService-section .head .en {
            font-size:16px
        }
    }

    .footer-t .fContact .left .dd,.footer-t .fContact .right .dd,.fz16,.imax,.index-about .right .dd,.index-about .right .df .col .sdt .unit,.index-about .right .ds,.index-about .right .fnav .link .wrapIn .en,.index-service-list .item .abstract .info,.index-service-list .item .name1 .this,.modal-searchForm .searchBox .skin,.sAbout-honor-swiper .item .title,.sAbout-value .list6 .item .sdd,.sBusiness-industry .item .txtBox .dd,.sBusiness-territorial-digitalData .col .sdt .unit,.sBusiness-territorial-distribution .area-list .item .txt .address,.sCase-view-wrap .head .aside,.sContact-ways .list .item .sdd,.sNews-hotspot-Tt .box .abstract,.sNews-list .item .abstract,.sNews-list .item .date .ym,.sNews-view .subpage-banner>.head .aside,.sNews-view .subpage-banner>.head .backToList,.sNews-view-wrap .main .foot .ctr,.sQuote-city .dib,.sQuote-contact .btns .btn,.sService-flow-tab .Tg .btn .this,.sService-gps-intro .txt,.sService-section .head .num,.subpage-banner>.contain .dd .link2 {
        font-size: 16px
    }

    @media screen and (max-width: 1600px) {
        .footer-t .fContact .left .dd,.footer-t .fContact .right .dd,.fz16,.imax,.index-about .right .dd,.index-about .right .df .col .sdt .unit,.index-about .right .ds,.index-about .right .fnav .link .wrapIn .en,.index-service-list .item .abstract .info,.index-service-list .item .name1 .this,.modal-searchForm .searchBox .skin,.sAbout-honor-swiper .item .title,.sAbout-value .list6 .item .sdd,.sBusiness-industry .item .txtBox .dd,.sBusiness-territorial-digitalData .col .sdt .unit,.sBusiness-territorial-distribution .area-list .item .txt .address,.sCase-view-wrap .head .aside,.sContact-ways .list .item .sdd,.sNews-hotspot-Tt .box .abstract,.sNews-list .item .abstract,.sNews-list .item .date .ym,.sNews-view .subpage-banner>.head .aside,.sNews-view .subpage-banner>.head .backToList,.sNews-view-wrap .main .foot .ctr,.sQuote-city .dib,.sQuote-contact .btns .btn,.sService-flow-tab .Tg .btn .this,.sService-gps-intro .txt,.sService-section .head .num,.subpage-banner>.contain .dd .link2 {
            font-size:14px
        }
    }

    .fz14 {
        font-size: 14px
    }

    @media screen and (max-width: 1600px) {
        .fz14 {
            font-size:12px
        }
    }

    @-webkit-keyframes fadeInRights {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(35px,0,0);
            transform: translate3d(35px,0,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRights {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(35px,0,0);
            transform: translate3d(35px,0,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInRights {
        -webkit-animation-name: fadeInRights;
        animation-name: fadeInRights
    }

    @-webkit-keyframes fadeInLefts {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(-35px,0,0);
            transform: translate3d(-35px,0,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInLefts {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(-35px,0,0);
            transform: translate3d(-35px,0,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInLefts {
        -webkit-animation-name: fadeInLefts;
        animation-name: fadeInLefts
    }

    @-webkit-keyframes fadeInUps {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(0,-35px,0);
            transform: translate3d(0,-35px,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUps {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(0,-35px,0);
            transform: translate3d(0,-35px,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUps {
        -webkit-animation-name: fadeInUps;
        animation-name: fadeInUps
    }

    @-webkit-keyframes fadeInDowns {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(0,35px,0);
            transform: translate3d(0,35px,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDowns {
        0% {
            opacity: .6;
            -webkit-transform: translate3d(0,35px,0);
            transform: translate3d(0,35px,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDowns {
        -webkit-animation-name: fadeInDowns;
        animation-name: fadeInDowns
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }

    @-webkit-keyframes zoomIns {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.77,.77,.77);
            transform: scale3d(.77,.77,.77)
        }

        100%,50% {
            opacity: 1
        }
    }

    @keyframes zoomIns {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.77,.77,.77);
            transform: scale3d(.77,.77,.77)
        }

        100%,50% {
            opacity: 1
        }
    }

    .zoomIns {
        -webkit-animation-name: zoomIns;
        animation-name: zoomIns
    }

    .AnflashOver {
        position: relative;
        overflow: hidden;
        -webkit-animation-duration: 333ms;
        animation-duration: 333ms
    }

    .AnflashOver:before {
        -webkit-animation-name: AnflashOver;
        animation-name: AnflashOver;
        -webkit-animation-duration: 333ms;
        animation-duration: 333ms;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        content: "";
        position: absolute;
        overflow: hidden;
        width: 80px;
        height: 150px;
        left: 0;
        top: 0;
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);
        background: gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)))
    }

    @-webkit-keyframes AnflashOver {
        0% {
            -webkit-transform: skewX(-25deg) translateX(-149px);
            transform: skewX(-25deg) translateX(-149px)
        }

        to {
            left: 100%;
            -webkit-transform: skewX(-25deg) translateX(149px);
            transform: skewX(-25deg) translateX(149px)
        }
    }

    @keyframes AnflashOver {
        0% {
            -webkit-transform: skewX(-25deg) translateX(-149px);
            transform: skewX(-25deg) translateX(-149px)
        }

        to {
            left: 100%;
            -webkit-transform: skewX(-25deg) translateX(149px);
            transform: skewX(-25deg) translateX(149px)
        }
    }

    @-webkit-keyframes bgSlideH {
        0% {
            background-position: 0 center
        }

        100% {
            background-position: 100% center
        }
    }

    @keyframes bgSlideH {
        0% {
            background-position: 0 center
        }

        100% {
            background-position: 100% center
        }
    }

    .bgSlideH {
        -webkit-animation-name: bgSlideH;
        animation-name: bgSlideH
    }

    @-webkit-keyframes lightSpeedInRight {
        0% {
            -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(12deg);
            transform: skewX(12deg)
        }

        100%,60% {
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes lightSpeedInRight {
        0% {
            -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
            transform: translate3d(100%,0,0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(12deg);
            transform: skewX(12deg)
        }

        100%,60% {
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    .lightSpeedInRight {
        -webkit-animation-name: lightSpeedInRight;
        animation-name: lightSpeedInRight
    }

    @-webkit-keyframes rippleMove {
        0% {
            -webkit-transform: scale(.66);
            transform: scale(.66);
            opacity: .2
        }

        55% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
        }
    }

    @keyframes rippleMove {
        0% {
            -webkit-transform: scale(.66);
            transform: scale(.66);
            opacity: .2
        }

        55% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
        }
    }

    .ysqUEO .aBtnMask {
        position: relative;
        overflow: hidden;
        z-index: 1;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .ysqUEO .aBtnMask:after {
        background-color: rgba(255,255,255,.1);
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        pointer-events: none
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .aBtnMask:after {
            -webkit-transition:all 320ms ease-out 0s;
            transition: all 320ms ease-out 0s
        }

        .ysqUEO .aBtnMask:hover:after {
            -webkit-transition: all 250ms ease-out 0s;
            transition: all 250ms ease-out 0s;
            opacity: 1;
            visibility: visible
        }
    }

    @media screen and (max-width: 1024px) {
        .ysqUEO .aBtnMask:active:after {
            -webkit-transition:all 10ms ease-out 0s;
            transition: all 10ms ease-out 0s;
            opacity: 1;
            visibility: visible
        }
    }

    .ysqUEO .aBtnSc {
        position: relative;
        overflow: hidden;
        z-index: 1;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .ysqUEO .aBtnSc:after {
        background-color: rgba(255,255,255,.1);
        content: " ";
        position: absolute;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        width: 120%;
        padding-bottom: 120%;
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
        z-index: -1;
        pointer-events: none;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .aBtnSc:hover:after {
            -webkit-transition:all 350ms ease-in 0s;
            transition: all 350ms ease-in 0s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }
    }

    @media screen and (max-width: 1024px) {
        .ysqUEO .aBtnSc:active:after {
            -webkit-transition:all 10ms ease-in 0s;
            transition: all 10ms ease-in 0s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }
    }

    .ysqUEO .aBtnlr {
        position: relative;
        overflow: hidden;
        z-index: 1;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .ysqUEO .aBtnlr:after {
        background-color: #f1ab18;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        content: " ";
        position: absolute;
        left: 100%;
        top: 0;
        width: 0;
        height: 100%;
        z-index: -1;
        pointer-events: none
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .aBtnlr:hover:after {
            width:100%;
            left: 0;
            -webkit-transition: left 0s ease-out 0s,width .4s ease-out 0s;
            transition: left 0s ease-out 0s,width .4s ease-out 0s
        }
    }

    @media screen and (max-width: 1024px) {
        .ysqUEO .aBtnlr:active:after {
            width:100%;
            left: 0;
            -webkit-transition: left 0s ease-out 0s,width 10ms ease-out 0s;
            transition: left 0s ease-out 0s,width 10ms ease-out 0s
        }
    }

    .formItem {
        position: relative
    }

    .formItem .aftPD {
        position: absolute;
        left: 100%;
        top: 0;
        color: red;
        margin-left: 8px;
        white-space: nowrap;
        font-size: 14px;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .formItem .skin::-webkit-input-placeholder {
        color: #999
    }

    .formItem .skin:-moz-placeholder {
        color: #999
    }

    .formItem .skin::-moz-placeholder {
        color: #999
    }

    .formItem .skin:-ms-input-placeholder {
        color: #999
    }

    .formItem .skin._focus {
        border-color: #2e9fd9!important
    }

    .formItem.red .skin {
        color: red;
        border-color: red
    }

    .formItem.red .skin::-webkit-input-placeholder {
        color: red
    }

    .formItem.red .skin:-moz-placeholder {
        color: red
    }

    .formItem.red .skin::-moz-placeholder {
        color: red
    }

    .formItem.red .skin:-ms-input-placeholder {
        color: red
    }

    .TAlert {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        overflow: hidden;
        width: 100%;
        height: 100%;
        text-align: center;
        overflow-x: hidden;
        overflow-y: auto
    }

    .TAlert .contain {
        opacity: 0;
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    .TAlert.showUp .contain {
        opacity: 1;
        -webkit-transform: none!important;
        transform: none!important
    }

    .TAlert.hideOut .contain {
        opacity: 0;
        -webkit-transform: scale(.2)!important;
        transform: scale(.2)!important
    }

    .TAlert .contain {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        overflow: hidden;
        z-index: 9
    }

    .TAlert .contain .head {
        border-bottom: #ccc solid 1px;
        color: #333;
        background-color: #fff
    }

    .TAlert .contain .body {
        background-color: #fff;
        color: #444
    }

    .TAlert .contain .foot {
        position: relative;
        width: 100%;
        border-top: #ccc solid 1px
    }

    .TAlert .contain .foot .btn {
        position: absolute;
        top: 0;
        width: 50%;
        text-align: center;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .TAlert .contain .foot .btn.enter {
        left: 0;
        background-color: #f1ab18;
        color: #fff
    }

    .TAlert .contain .foot .btn.close {
        right: 0;
        background-color: #f1f1f1;
        border-left: #cfcfcf solid 1px;
        color: #333
    }

    .TAlert .contain .foot .btn.w100 {
        border-left: none
    }

    .TAlert.nohead .foot,.TAlert.nohead .head {
        display: none!important
    }

    .TAlert .contain {
        width: 320px;
        max-width: 90%;
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
        box-shadow: 0 3px 6px rgba(0,0,0,.5);
        text-align: left;
        line-height: 1.4333;
        font-size: 16px;
        border-radius: 5px
    }

    .TAlert .contain .Tclose {
        position: absolute;
        top: 2px;
        right: 2px;
        width: 40px;
        height: 40px
    }

    .TAlert .contain .Tclose s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 20px;
        color: #333;
        font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
        white-space: nowrap;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .ysqUEO .TAlert .contain .Tclose s {
        overflow: hidden;
        text-indent: 120%
    }

    .ysqUEO .TAlert .contain .Tclose s:after,.ysqUEO .TAlert .contain .Tclose s:before {
        pointer-events: none!important;
        content: " ";
        position: absolute;
        left: 10px;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        color: inherit;
        background-color: currentColor
    }

    .ysqUEO .TAlert .contain .Tclose s:before {
        top: 14px;
        -webkit-transform: rotate(45deg) translate(3.93502884px,0);
        transform: rotate(45deg) translate(3.93502884px,0);
        top: 9px
    }

    .ysqUEO .TAlert .contain .Tclose s:after {
        bottom: 14px;
        -webkit-transform: rotate(-45deg) translate(3.93502884px,0);
        transform: rotate(-45deg) translate(3.93502884px,0);
        bottom: 9px
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .TAlert .contain .Tclose s:after,.ysqUEO .TAlert .contain .Tclose s:before {
            -webkit-transition:all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }

        .TAlert .contain .Tclose s:hover {
            color: #333
        }
    }

    @media screen and (max-width: 1024px) {
        .TAlert .contain .Tclose s:active {
            color:#333
        }
    }

    .TAlert .contain .Tclose s:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s
    }

    .TAlert .contain .head {
        padding: 10px 15px
    }

    .TAlert .contain .body {
        padding: 15px;
        font-size: 14px
    }

    .TAlert .contain .foot {
        height: 40px
    }

    .TAlert .contain .foot .btn {
        overflow: hidden;
        z-index: 0;
        height: 40px;
        line-height: 40px;
        font-size: 15px
    }

    .TAlert .contain .foot .btn:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        pointer-events: none;
        border-radius: inherit;
        background-color: rgba(0,0,0,0)
    }

    .TAlert .contain .foot .btn:hover:before {
        background-color: rgba(0,0,0,.1)
    }

    .TAlert.modal-qrcode .contain {
        width: auto;
        overflow: visible
    }

    .TAlert.modal-qrcode .contain .head {
        padding: 0;
        border-bottom: none
    }

    .TAlert.modal-qrcode .contain .head .this {
        display: none
    }

    .TAlert.modal-qrcode .contain .Tclose {
        top: -40px;
        right: -5px
    }

    .TAlert.modal-qrcode .contain .Tclose s {
        color: #fff
    }

    .TAlert.modal-qrcode .contain .pic {
        width: 160px;
        height: 160px
    }

    .TAlert.modal-qrcode .contain .pic+p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 20px
    }

    .TAlert.modal-qrcode .contain .foot {
        display: none!important
    }

    .pageListBox {
        padding-top: 1.2rem;
        padding-bottom: 1.6rem
    }

    .pageListBox .pageList {
        position: relative;
        line-height: 34px;
        font-size: 0;
        text-align: center;
        white-space: nowrap;
        overflow-x: hidden
    }

    .pageListBox .pageList ul {
        position: relative;
        float: none!important
    }

    .pageListBox .pageList ul,.pageListBox .pageList ul li {
        display: inline-block;
        vertical-align: top
    }

    .pageListBox .pageList ul li {
        margin: 0 4px;
        font-size: 14px
    }

    .pageListBox .pageList a {
        display: block;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04);
        min-width: 14px;
        height: 34px;
        padding: 0 10px;
        font-family: Arial,sans-serif,"Microsoft YaHei","微软雅黑";
        color: #333;
        font-size: 14px;
        z-index: 2;
        position: relative;
        background-color: #f5f5f5;
        color: #333;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .pageListBox .pageList a:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: #ddd solid 1px;
        z-index: -1
    }

    .pageListBox .pageList a.selected {
        background-color: #f1ab18;
        color: #fff
    }

    .pageListBox .pageList a.selected:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .pageListBox .pageList a:active:after {
        -webkit-transition: all 0s ease-out 0s!important;
        transition: all 0s ease-out 0s!important;
        opacity: 1!important;
        visibility: visible!important;
        border-color: #fff
    }

    @media screen and (min-width: 1025px) {
        .pageListBox .pageList a:hover {
            background-color:#f1ab18;
            color: #fff
        }

        .pageListBox .pageList a:hover:after {
            -webkit-transition: all 250ms ease-out 0s;
            transition: all 250ms ease-out 0s;
            opacity: 0;
            visibility: hidden
        }
    }

    @media screen and (max-width: 1024px) {
        .pageListBox .pageList {
            overflow-x:auto;
            overflow-y: hidden
        }

        .pageListBox .pageList a:active {
            background-color: #f1ab18;
            color: #fff;
            -webkit-transition: none!important;
            transition: none!important
        }

        .pageListBox .pageList a:active:after {
            -webkit-transition: all 250ms ease-out 0s;
            transition: all 250ms ease-out 0s;
            opacity: 0;
            visibility: hidden
        }
    }

    @media screen and (max-width: 768px) {
        .pageListBox .pageList ul li {
            margin-left:4px;
            margin-right: 4px
        }
    }

    .scrollAjax #loadState {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 40px;
        margin: 1.6rem auto 0;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
        font-size: 16px
    }

    .scrollAjax #loadState.off {
        color: #999;
        cursor: default;
        cursor: not-allowed
    }

    .scrollAjax #loadState.ing:after {
        content: " ";
        -webkit-animation-name: dotMove;
        animation-name: dotMove;
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: steps(4);
        animation-timing-function: steps(4);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    @-webkit-keyframes dotMove {
        0%,100% {
            content: "."
        }

        33% {
            content: ".."
        }

        66% {
            content: "..."
        }
    }

    @keyframes dotMove {
        0%,100% {
            content: "."
        }

        33% {
            content: ".."
        }

        66% {
            content: "..."
        }
    }

    .scrollAjax #loadState.retry {
        cursor: pointer;
        color: #333
    }

    .scrollAjax #loadState.retry:before {
        content: " ";
        position: absolute;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background-color: #e5f2f9;
        z-index: -1;
        pointer-events: none;
        margin-left: -1.5em;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        -webkit-transform-origin: 40% 45%;
        transform-origin: 40% 45%
    }

    .scrollAjax #loadState.retry:after {
        content: "+";
        margin-left: 1em
    }

    .scrollAjax #loadState.retry:hover:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .scrollAjax .pageList {
        display: none
    }

    .ctr[role=button] {
        display: block!important
    }

    .ctr[aria-disabled=true] {
        display: none!important
    }

    .ctr.ctr-about-intro {
        display: none;
        z-index: 20;
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -1.5em;
        width: 3em;
        height: 3em;
        overflow: hidden;
        color: #242b36;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ctr.ctr-about-intro:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: solid 1px #242b36;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        border-radius: 50%;
        z-index: -1;
        pointer-events: none
    }

    .ctr.ctr-about-intro.prev {
        left: 0
    }

    .ctr.ctr-about-intro.next {
        right: 0
    }

    .ctr.ctr-about-intro:hover:after {
        background-color: #242b36
    }

    .ctr.ctr-about-intro s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .ctr.ctr-about-intro s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        padding: inherit
    }

    .ysqUEO .ctr.ctr-about-intro s:after,.ysqUEO .ctr.ctr-about-intro s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        background-color: #242b36;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-about-intro:hover {
            color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-about-intro:active {
            color:#fff
        }
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-about-intro:hover s:after,.ysqUEO .ctr.ctr-about-intro:hover s:before {
            background-color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-about-intro:active s:after,.ctr.ctr-about-intro:active s:before {
            background-color:#fff
        }
    }

    .ysqUEO .ctr.ctr-about-intro.prev s:after,.ysqUEO .ctr.ctr-about-intro.prev s:before {
        margin-left: -4px;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .ysqUEO .ctr.ctr-about-intro.prev s:before {
        -webkit-transform: rotate(-44deg) translateX(-1px);
        transform: rotate(-44deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-about-intro.prev s:after {
        -webkit-transform: rotate(44deg) translateX(-1px);
        transform: rotate(44deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-about-intro.next s:after,.ysqUEO .ctr.ctr-about-intro.next s:before {
        margin-left: -8px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .ysqUEO .ctr.ctr-about-intro.next s:before {
        -webkit-transform: rotate(-44deg) translateX(1px);
        transform: rotate(-44deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-about-intro.next s:after {
        -webkit-transform: rotate(44deg) translateX(1px);
        transform: rotate(44deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-about-intro.prev:hover s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-about-intro.prev:hover s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-about-intro.next:hover s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ysqUEO .ctr.ctr-about-intro.next:hover s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-about-intro.prev:active s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ctr.ctr-about-intro.prev:active s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ctr.ctr-about-intro.next:active s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ctr.ctr-about-intro.next:active s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    .ctr.ctr-navLR {
        z-index: 20;
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 100%;
        background-color: #f1ab18;
        color: #fff;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ctr.ctr-navLR s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .ctr.ctr-navLR s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        padding: inherit
    }

    .ysqUEO .ctr.ctr-navLR s:after,.ysqUEO .ctr.ctr-navLR s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 2px;
        margin-top: -1px;
        background-color: #fff;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-navLR:hover {
            color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-navLR:active {
            color:#fff
        }
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-navLR:hover s:after,.ysqUEO .ctr.ctr-navLR:hover s:before {
            background-color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-navLR:active s:after,.ctr.ctr-navLR:active s:before {
            background-color:#fff
        }
    }

    .ysqUEO .ctr.ctr-navLR.prev s:after,.ysqUEO .ctr.ctr-navLR.prev s:before {
        margin-left: -3px;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .ysqUEO .ctr.ctr-navLR.prev s:before {
        -webkit-transform: rotate(-35deg) translateX(-1px);
        transform: rotate(-35deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-navLR.prev s:after {
        -webkit-transform: rotate(35deg) translateX(-1px);
        transform: rotate(35deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-navLR.next s:after,.ysqUEO .ctr.ctr-navLR.next s:before {
        margin-left: -7px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .ysqUEO .ctr.ctr-navLR.next s:before {
        -webkit-transform: rotate(-35deg) translateX(1px);
        transform: rotate(-35deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-navLR.next s:after {
        -webkit-transform: rotate(35deg) translateX(1px);
        transform: rotate(35deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-navLR.prev:hover s:before {
            -webkit-transform:rotate(-42deg) translateX(-1px);
            transform: rotate(-42deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-navLR.prev:hover s:after {
            -webkit-transform: rotate(42deg) translateX(-1px);
            transform: rotate(42deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-navLR.next:hover s:before {
            -webkit-transform: rotate(-42deg) translateX(1px);
            transform: rotate(-42deg) translateX(1px)
        }

        .ysqUEO .ctr.ctr-navLR.next:hover s:after {
            -webkit-transform: rotate(42deg) translateX(1px);
            transform: rotate(42deg) translateX(1px)
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-navLR.prev:active s:before {
            -webkit-transform:rotate(-42deg) translateX(-1px);
            transform: rotate(-42deg) translateX(-1px)
        }

        .ctr.ctr-navLR.prev:active s:after {
            -webkit-transform: rotate(42deg) translateX(-1px);
            transform: rotate(42deg) translateX(-1px)
        }

        .ctr.ctr-navLR.next:active s:before {
            -webkit-transform: rotate(-42deg) translateX(1px);
            transform: rotate(-42deg) translateX(1px)
        }

        .ctr.ctr-navLR.next:active s:after {
            -webkit-transform: rotate(42deg) translateX(1px);
            transform: rotate(42deg) translateX(1px)
        }
    }

    .ctr.ctr-navLR.prev {
        left: 0
    }

    .ctr.ctr-navLR.next {
        right: 0
    }

    .ctr.ctr-navLR.reject {
        display: none
    }

    .ctr.ctr-fang {
        display: none;
        z-index: 20;
        position: absolute;
        top: 50%;
        margin-top: -40px;
        width: 48px;
        height: 80px;
        -webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
        transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
        color: #fff
    }

    .ctr.ctr-fang:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.5);
        z-index: -1;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .ctr.ctr-fang.prev {
        left: 0
    }

    .ctr.ctr-fang.next {
        right: 0
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-fang:hover {
            color:#fff
        }

        .ctr.ctr-fang:hover:after {
            background-color: #f1ab18!important
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-fang {
            width:32px;
            height: 48px;
            margin-top: -24px
        }

        .ctr.ctr-fang s {
            -webkit-transform: scale(.8);
            transform: scale(.8)
        }

        .ctr.ctr-fang:active {
            color: #fff;
            -webkit-transition: 0s;
            transition: 0s
        }

        .ctr.ctr-fang:active:after {
            background-color: #f1ab18!important;
            -webkit-transition: 0s;
            transition: 0s
        }
    }

    @media screen and (max-width: 640px) {
        .ctr.ctr-fang {
            width:28px;
            height: 40px;
            margin-top: -20px
        }
    }

    .ctr.ctr-fang s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .ctr.ctr-fang s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        padding: inherit
    }

    .ysqUEO .ctr.ctr-fang s:after,.ysqUEO .ctr.ctr-fang s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 2px;
        margin-top: -1px;
        background-color: #fff;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-fang:hover {
            color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-fang:active {
            color:#fff
        }
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-fang:hover s:after,.ysqUEO .ctr.ctr-fang:hover s:before {
            background-color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-fang:active s:after,.ctr.ctr-fang:active s:before {
            background-color:#fff
        }
    }

    .ysqUEO .ctr.ctr-fang.prev s:after,.ysqUEO .ctr.ctr-fang.prev s:before {
        margin-left: -6px;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .ysqUEO .ctr.ctr-fang.prev s:before {
        -webkit-transform: rotate(-40deg) translateX(-1px);
        transform: rotate(-40deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-fang.prev s:after {
        -webkit-transform: rotate(40deg) translateX(-1px);
        transform: rotate(40deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-fang.next s:after,.ysqUEO .ctr.ctr-fang.next s:before {
        margin-left: -10px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .ysqUEO .ctr.ctr-fang.next s:before {
        -webkit-transform: rotate(-40deg) translateX(1px);
        transform: rotate(-40deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-fang.next s:after {
        -webkit-transform: rotate(40deg) translateX(1px);
        transform: rotate(40deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-fang.prev:hover s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-fang.prev:hover s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-fang.next:hover s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ysqUEO .ctr.ctr-fang.next:hover s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-fang.prev:active s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ctr.ctr-fang.prev:active s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ctr.ctr-fang.next:active s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ctr.ctr-fang.next:active s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    .ctr.ctr-yuan {
        display: none;
        z-index: 20;
        position: absolute;
        z-index: 2;
        top: 50%;
        margin-top: -18px;
        width: 36px;
        height: 36px;
        color: #f1ab18;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ctr.ctr-yuan:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: solid 1px #f1ab18;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        color: #f1ab18;
        background-color: #fff;
        border-radius: 50%;
        z-index: -1;
        pointer-events: none
    }

    .ctr.ctr-yuan.prev {
        left: 0
    }

    .ctr.ctr-yuan.next {
        right: 0
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-yuan:hover {
            background-color:#f1ab18!important;
            color: #fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-yuan:active {
            background-color:#f1ab18!important;
            color: #fff;
            -webkit-transition: 0s;
            transition: 0s
        }
    }

    .ctr.ctr-yuan s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .ctr.ctr-yuan s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        padding: inherit
    }

    .ysqUEO .ctr.ctr-yuan s:after,.ysqUEO .ctr.ctr-yuan s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        background-color: #f1ab18;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    @media screen and (min-width: 1025px) {
        .ctr.ctr-yuan:hover {
            color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-yuan:active {
            color:#fff
        }
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-yuan:hover s:after,.ysqUEO .ctr.ctr-yuan:hover s:before {
            background-color:#fff
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-yuan:active s:after,.ctr.ctr-yuan:active s:before {
            background-color:#fff
        }
    }

    .ysqUEO .ctr.ctr-yuan.prev s:after,.ysqUEO .ctr.ctr-yuan.prev s:before {
        margin-left: -4px;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .ysqUEO .ctr.ctr-yuan.prev s:before {
        -webkit-transform: rotate(-40deg) translateX(-1px);
        transform: rotate(-40deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-yuan.prev s:after {
        -webkit-transform: rotate(40deg) translateX(-1px);
        transform: rotate(40deg) translateX(-1px)
    }

    .ysqUEO .ctr.ctr-yuan.next s:after,.ysqUEO .ctr.ctr-yuan.next s:before {
        margin-left: -8px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .ysqUEO .ctr.ctr-yuan.next s:before {
        -webkit-transform: rotate(-40deg) translateX(1px);
        transform: rotate(-40deg) translateX(1px)
    }

    .ysqUEO .ctr.ctr-yuan.next s:after {
        -webkit-transform: rotate(40deg) translateX(1px);
        transform: rotate(40deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .ctr.ctr-yuan.prev:hover s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-yuan.prev:hover s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ysqUEO .ctr.ctr-yuan.next:hover s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ysqUEO .ctr.ctr-yuan.next:hover s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    @media screen and (max-width: 1024px) {
        .ctr.ctr-yuan.prev:active s:before {
            -webkit-transform:rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px)
        }

        .ctr.ctr-yuan.prev:active s:after {
            -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px)
        }

        .ctr.ctr-yuan.next:active s:before {
            -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px)
        }

        .ctr.ctr-yuan.next:active s:after {
            -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px)
        }
    }

    .pagination.swiper-pagination-bullets {
        display: block
    }

    .pagination.pagination-banner {
        line-height: 0;
        font-size: 0;
        z-index: 3;
        text-align: center;
        white-space: nowrap
    }

    .pagination.pagination-banner .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 8px;
        height: 8px;
        margin: .3rem;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        border-radius: 8px
    }

    .pagination.pagination-banner .btn:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 50%;
        border: #fff solid 1px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .pagination.pagination-banner .btn em {
        display: none
    }

    .pagination.pagination-banner .btn.on:before {
        border: #0077b8 4px solid;
        background-color: #0077b8
    }

    .pagination.pagination-news {
        line-height: 0;
        font-size: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        z-index: 3;
        text-align: center;
        white-space: nowrap
    }

    .pagination.pagination-news:after {
        display: none
    }

    .pagination.pagination-news .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 10px;
        height: 10px;
        margin: 0 .2rem;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        border-radius: 10px
    }

    .pagination.pagination-news .btn:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255,255,255,.2);
        border-radius: inherit;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .pagination.pagination-news .btn em {
        display: none
    }

    .pagination.pagination-news .btn.on:after {
        background-color: #0077b8
    }

    .pagination.pagination-yuan {
        line-height: 0;
        font-size: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        text-align: center;
        white-space: nowrap
    }

    .pagination.pagination-yuan .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 10px;
        height: 10px;
        -webkit-transition: all 480ms ease-out 0s,all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s,all 480ms ease-out 0s;
        border: 10px 10px 0 0;
        border-style: solid;
        border-color: #fff;
        margin: 0 6px;
        border-radius: 10px
    }

    .pagination.pagination-yuan .btn:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #f1ab18;
        border-radius: inherit
    }

    .pagination.pagination-yuan .btn em {
        display: none
    }

    .pagination.pagination-yuan .btn.on {
        background-color: #f1ab18;
        border-color: #f1ab18
    }

    .pagination.pagination-changtiao {
        font-size: 0;
        line-height: 0;
        position: relative;
        overflow: hidden;
        width: 100%;
        z-index: 3;
        text-align: center;
        white-space: nowrap
    }

    .pagination.pagination-changtiao .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 22px;
        height: 3px;
        background-color: #ccc;
        border-radius: 5px;
        margin: 0 2px;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .pagination.pagination-changtiao .btn em {
        display: none
    }

    .pagination.pagination-changtiao .btn.on {
        width: 3px;
        background-color: #f1ab18
    }

    .pagination.pagination-daxiaoYuan {
        font-size: 0;
        line-height: 0;
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 100%;
        z-index: 3;
        text-align: center;
        white-space: nowrap
    }

    .pagination.pagination-daxiaoYuan .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 16px;
        height: 16px;
        margin: 0 0 0 16px
    }

    .pagination.pagination-daxiaoYuan .btn:after,.pagination.pagination-daxiaoYuan .btn:before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pagination.pagination-daxiaoYuan .btn:before {
        margin-left: -2px;
        margin-top: -2px;
        width: 4px;
        height: 4px;
        background-color: #f1ab18
    }

    .pagination.pagination-daxiaoYuan .btn:after {
        margin-left: -8px;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        border: #f1ab18 solid 1px;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .pagination.pagination-daxiaoYuan .btn em {
        display: none
    }

    .pagination.pagination-daxiaoYuan .btn.on:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .modal-searchForm {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99921;
        overflow: hidden
    }

    .ysqUEO .modal-searchForm .contain {
        opacity: 0;
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s;
        -webkit-transform: translateY(-66%) scale(.2);
        transform: translateY(-66%) scale(.2)
    }

    .ysqUEO .modal-searchForm.showUp .contain {
        opacity: 1;
        -webkit-transform: none!important;
        transform: none!important
    }

    .ysqUEO .modal-searchForm.hideOut .contain {
        opacity: 0;
        -webkit-transform: translateY(33%) scale(.2)!important;
        transform: translateY(33%) scale(.2)!important
    }

    .modal-searchForm .contain {
        z-index: 20;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 25px 30px;
        width: 360px;
        height: 180px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .modal-searchForm .Tclose {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: .1rem;
        width: 40px;
        height: 40px;
        margin-left: -40px;
        top: -40px
    }

    .modal-searchForm .Tclose s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 24px;
        color: #fff;
        font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
        cursor: pointer;
        white-space: nowrap;
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s
    }

    .ysqUEO .modal-searchForm .Tclose s {
        overflow: hidden;
        text-indent: 120%
    }

    .ysqUEO .modal-searchForm .Tclose s:after,.ysqUEO .modal-searchForm .Tclose s:before {
        pointer-events: none!important;
        content: " ";
        position: absolute;
        left: 8px;
        width: 24px;
        height: 4px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        color: inherit;
        background-color: currentColor
    }

    .ysqUEO .modal-searchForm .Tclose s:before {
        top: 12px;
        -webkit-transform: rotate(45deg) translate(4.55634919px,0);
        transform: rotate(45deg) translate(4.55634919px,0);
        top: 6px
    }

    .ysqUEO .modal-searchForm .Tclose s:after {
        bottom: 12px;
        -webkit-transform: rotate(-45deg) translate(4.55634919px,0);
        transform: rotate(-45deg) translate(4.55634919px,0);
        bottom: 6px
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .modal-searchForm .Tclose s:after,.ysqUEO .modal-searchForm .Tclose s:before {
            -webkit-transition:all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }

        .modal-searchForm .Tclose s:hover {
            color: #fff
        }
    }

    @media screen and (max-width: 1024px) {
        .modal-searchForm .Tclose s:active {
            color:#fff
        }
    }

    .modal-searchForm .Tclose s:hover {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    .modal-searchForm .searchBox {
        padding-top: 14px
    }

    .modal-searchForm .searchBox .skin {
        width: 270px;
        height: 28px;
        line-height: 28px;
        padding: 9px 14px;
        border: #ccc solid 1px;
        border-radius: 6px;
        background-color: #fff
    }

    .modal-searchForm .searchBox .enter {
        margin-top: 10px;
        display: block;
        width: 100%;
        height: 48px;
        line-height: 48px;
        background-color: #0077b8;
        color: #fff;
        text-align: center;
        border-radius: 6px
    }

    .addressPicker-wraper {
        display: none;
        position: absolute;
        width: 520px;
        height: auto;
        min-height: 72px;
        font-size: 16px;
        border-radius: 3px;
        border: 1px solid #56b4f8;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 20px rgba(0,0,0,.2);
        background-color: #fff
    }

    .addressPicker-wraper .head {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #56b4f8;
        margin: 0 0 0 -1px;
        cursor: pointer;
        font-size: 0
    }

    .addressPicker-wraper .head>span {
        color: #666;
        display: inline-block;
        vertical-align: top;
        width: 90px!important;
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .addressPicker-wraper .head>span.slideBar {
        position: absolute;
        background-color: #56b4f8;
        color: #fff
    }

    .addressPicker-wraper .head .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 5
    }

    .addressPicker-wraper .head .close s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 16px;
        color: #333;
        font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
        cursor: pointer;
        white-space: nowrap;
        -webkit-transition: all .4s ease-out 0s;
        transition: all .4s ease-out 0s
    }

    .ysqUEO .addressPicker-wraper .head .close s {
        overflow: hidden;
        text-indent: 120%
    }

    .ysqUEO .addressPicker-wraper .head .close s:after,.ysqUEO .addressPicker-wraper .head .close s:before {
        pointer-events: none!important;
        content: " ";
        position: absolute;
        left: 12px;
        width: 16px;
        height: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        color: inherit;
        background-color: currentColor
    }

    .ysqUEO .addressPicker-wraper .head .close s:before {
        top: 16px;
        -webkit-transform: rotate(45deg) translate(3.10660172px,0);
        transform: rotate(45deg) translate(3.10660172px,0);
        top: 11px
    }

    .ysqUEO .addressPicker-wraper .head .close s:after {
        bottom: 16px;
        -webkit-transform: rotate(-45deg) translate(3.10660172px,0);
        transform: rotate(-45deg) translate(3.10660172px,0);
        bottom: 11px
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .addressPicker-wraper .head .close s:after,.ysqUEO .addressPicker-wraper .head .close s:before {
            -webkit-transition:all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }

        .addressPicker-wraper .head .close s:hover {
            color: #333
        }
    }

    @media screen and (max-width: 1024px) {
        .addressPicker-wraper .head .close s:active {
            color:#333
        }
    }

    .addressPicker-wraper .head .close s:hover {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    .addressPicker-wraper .body {
        padding: 5px
    }

    .addressPicker-wraper .ul-div {
        display: none
    }

    .addressPicker-wraper .ul-div .list {
        width: 100%;
        min-height: 36px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .addressPicker-wraper .ul-div .list:after {
        display: none
    }

    .addressPicker-wraper .ul-div .list .col {
        width: 25%;
        padding: 8px 4px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        cursor: pointer;
        color: #666;
        text-align: center;
        -webkit-transition: .3s;
        transition: .3s;
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .addressPicker-wraper .ul-div .list .col:hover {
        color: #fff;
        background: #56b4f8
    }

    .addressPicker-wraper .ul-div .list .col.active {
        background: #56b4f8;
        color: #fff!important
    }

    .addressPicker-wraper .ul-div .list .emptyCol {
        width: 100%;
        color: #666;
        font-size: 14px;
        line-height: 72px
    }

    .addressPicker-wraper-shadow {
        background-color: rgba(0,0,0,.6);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none
    }

    .addressPicker-wraper._vbt .head {
        border-top: 2px solid #56b4f8;
        margin: -1px 0 0 0;
        border-bottom: none
    }

    .circleRotate,.index-head .dt .cn .this:after,.sQuote-wrap .section .head .this:after {
        -webkit-animation-name: rotate360;
        animation-name: rotate360;
        -webkit-animation-duration: 2.4s;
        animation-duration: 2.4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
        -webkit-transform-origin: 50% 60%;
        transform-origin: 50% 60%
    }

    .dots-5x5,.sAbout-intro2 .companyName:before,.sQuote-wrap .section .head .this:before,.subpage-head .dt .this:before,.subpage-head2 .en .this:before {
        background-image: url(../images/dots-quote-form.png);
        background-size: auto 100%;
        background-position: 0 50%;
        background-repeat: repeat-x;
        -webkit-animation-name: rotate360;
        animation-name: rotate360;
        -webkit-animation-duration: 2.4s;
        animation-duration: 2.4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none
    }

    .hrWave,.index-head .hr,.sAbout-intro .section.s1 .left .hr,.sAbout-intro2 .hr,.sBusiness-industry .item .txtBox .hr,.subpage-head .hr {
        position: relative;
        width: 59px;
        height: 10px;
        background-image: url(../images/bgi-head-hr.png);
        background-size: auto;
        background-position: 0 50%;
        background-repeat: no-repeat;
        -webkit-animation-name: bgSlideH;
        animation-name: bgSlideH;
        -webkit-animation-duration: 2.4s;
        animation-duration: 2.4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .swiper-container {
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide,.swiper-wrapper {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .swiper-container-multirow>.swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode>.swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
        height: auto
    }

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform;
        transition-property: transform,height,-webkit-transform
    }

    .swiper-container-3d {
        -webkit-perspective: 1200px;
        perspective: 1200px
    }

    .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
        -ms-touch-action: pan-x;
        touch-action: pan-x
    }

    .swiper-button-next,.swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
    }

    .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
    }

    .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }

    .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10
    }

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

    .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        display: inline-block;
        -webkit-transition: .2s top,.2s -webkit-transform;
        transition: .2s top,.2s -webkit-transform;
        -webkit-transition: .2s transform,.2s top;
        transition: .2s transform,.2s top;
        transition: .2s transform,.2s top,.2s -webkit-transform
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap
    }

    .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s left,.2s -webkit-transform;
        transition: .2s left,.2s -webkit-transform;
        -webkit-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        transition: .2s transform,.2s left,.2s -webkit-transform
    }

    .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s right,.2s -webkit-transform;
        transition: .2s right,.2s -webkit-transform;
        -webkit-transition: .2s transform,.2s right;
        transition: .2s transform,.2s right;
        transition: .2s transform,.2s right,.2s -webkit-transform
    }

    .swiper-pagination-progressbar {
        background: rgba(0,0,0,.25);
        position: absolute
    }

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        -webkit-transform-origin: right top;
        transform-origin: right top
    }

    .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
    }

    .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
    }

    .swiper-pagination-progressbar.swiper-pagination-white {
        background: rgba(255,255,255,.25)
    }

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
    }

    .swiper-pagination-progressbar.swiper-pagination-black {
        background: rgba(0,0,0,.25)
    }

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0,0,0,.1)
    }

    .swiper-container-horizontal>.swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-container-vertical>.swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .swiper-slide-zoomed {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        animation: swiper-preloader-spin 1s steps(12,end) infinite
    }

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    @-webkit-keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube {
        overflow: visible
    }

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

    .swiper-container-flip {
        overflow: visible
    }

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

    .swiper-container-flip .swiper-slide .swiper-slide {
        pointer-events: none
    }

    .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-coverflow .swiper-wrapper {
        -ms-perspective: 1200px
    }

    .swiper-container:before {
        pointer-events: none
    }

    body.compensate-for-scrollbar {
        overflow: hidden
    }

    .fancybox-active {
        height: auto
    }

    .fancybox-is-hidden {
        left: -9999px;
        margin: 0;
        position: absolute!important;
        top: -9999px;
        visibility: hidden
    }

    .fancybox-container {
        -webkit-backface-visibility: hidden;
        height: 100%;
        left: 0;
        outline: 0;
        position: fixed;
        -webkit-tap-highlight-color: transparent;
        top: 0;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 100%;
        z-index: 99992
    }

    .fancybox-container * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .fancybox-outer {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto
    }

    .fancybox-bg {
        background: #1e1e1e;
        opacity: 0;
        -webkit-transition-duration: inherit;
        transition-duration: inherit;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
        transition-timing-function: cubic-bezier(.47,0,.74,.71)
    }

    .fancybox-is-open .fancybox-bg {
        opacity: .9;
        -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
        transition-timing-function: cubic-bezier(.22,.61,.36,1)
    }

    .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
        direction: ltr;
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
        transition: opacity .25s ease,visibility 0s ease .25s;
        visibility: hidden;
        z-index: 99997
    }

    .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
        opacity: 1;
        -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
        transition: opacity .25s ease 0s,visibility 0s ease 0s;
        visibility: visible
    }

    .fancybox-infobar {
        color: #ccc;
        font-size: 13px;
        -webkit-font-smoothing: subpixel-antialiased;
        height: 44px;
        left: 0;
        line-height: 44px;
        min-width: 44px;
        mix-blend-mode: difference;
        padding: 0 10px;
        pointer-events: none;
        top: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .fancybox-toolbar {
        right: 0;
        top: 0
    }

    .fancybox-stage {
        direction: ltr;
        overflow: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        z-index: 99994
    }

    .fancybox-is-open .fancybox-stage {
        overflow: hidden
    }

    .fancybox-slide {
        -webkit-backface-visibility: hidden;
        display: none;
        height: 100%;
        left: 0;
        outline: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 44px;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        white-space: normal;
        width: 100%;
        z-index: 99994
    }

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

    .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
        display: block
    }

    .fancybox-slide--image {
        overflow: hidden;
        padding: 44px 0
    }

    .fancybox-slide--image:before {
        display: none
    }

    .fancybox-slide--html {
        padding: 6px
    }

    .fancybox-content {
        background: #fff;
        display: inline-block;
        margin: 0;
        max-width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 44px;
        position: relative;
        text-align: left;
        vertical-align: middle
    }

    .fancybox-slide--image .fancybox-content {
        -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
        animation-timing-function: cubic-bezier(.5,0,.14,1);
        -webkit-backface-visibility: hidden;
        background: 0 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: absolute;
        top: 0;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 99995
    }

    .fancybox-can-zoomOut .fancybox-content {
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

    .fancybox-can-zoomIn .fancybox-content {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
        cursor: -webkit-grab;
        cursor: grab
    }

    .fancybox-is-grabbing .fancybox-content {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .fancybox-container [data-selectable=true] {
        cursor: text
    }

    .fancybox-image,.fancybox-spaceball {
        background: 0 0;
        border: 0;
        height: 100%;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none;
        padding: 0;
        position: absolute;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

    .fancybox-spaceball {
        z-index: 1
    }

    .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
        height: 100%;
        overflow: visible;
        padding: 0;
        width: 100%
    }

    .fancybox-slide--video .fancybox-content {
        background: #000
    }

    .fancybox-slide--map .fancybox-content {
        background: #e5e3df
    }

    .fancybox-slide--iframe .fancybox-content {
        background: #fff
    }

    .fancybox-iframe,.fancybox-video {
        background: 0 0;
        border: 0;
        display: block;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%
    }

    .fancybox-iframe {
        left: 0;
        position: absolute;
        top: 0
    }

    .fancybox-error {
        background: #fff;
        cursor: default;
        max-width: 400px;
        padding: 40px;
        width: 100%
    }

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

    .fancybox-button {
        background: rgba(30,30,30,.6);
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        height: 44px;
        margin: 0;
        padding: 10px;
        position: relative;
        -webkit-transition: color .2s;
        transition: color .2s;
        vertical-align: top;
        visibility: inherit;
        width: 44px
    }

    .fancybox-button,.fancybox-button:link,.fancybox-button:visited {
        color: #ccc
    }

    .fancybox-button:hover {
        color: #fff
    }

    .fancybox-button:focus {
        outline: 0
    }

    .fancybox-button.fancybox-focus {
        outline: 1px dotted
    }

    .fancybox-button[disabled],.fancybox-button[disabled]:hover {
        color: #888;
        cursor: default;
        outline: 0;
        cursor: not-allowed;
        opacity: .5!important
    }

    .fancybox-button div {
        height: 100%
    }

    .fancybox-button svg {
        display: block;
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%
    }

    .fancybox-button svg path {
        fill: currentColor;
        stroke-width: 0
    }

    .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
        display: none
    }

    .fancybox-progress {
        background: #ff5268;
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        z-index: 99998
    }

    .fancybox-close-small {
        background: 0 0;
        border: 0;
        border-radius: 0;
        color: #ccc;
        cursor: pointer;
        opacity: .8;
        padding: 8px;
        position: absolute;
        right: -12px;
        top: -44px;
        z-index: 401
    }

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

    .fancybox-slide--html .fancybox-close-small {
        color: currentColor;
        padding: 10px;
        right: 0;
        top: 0
    }

    .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
        overflow: hidden
    }

    .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
        display: none
    }

    .fancybox-navigation .fancybox-button {
        background-clip: content-box;
        height: 100px;
        opacity: 0;
        position: absolute;
        top: calc(50% - 50px);
        width: 70px
    }

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        left: 0;
        left: env(safe-area-inset-left);
        padding: 31px 26px 31px 6px
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        padding: 31px 6px 31px 26px;
        right: 0;
        right: env(safe-area-inset-right)
    }

    .fancybox-caption {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
        background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
        bottom: 0;
        color: #eee;
        font-size: 14px;
        font-weight: 400;
        left: 0;
        line-height: 1.5;
        padding: 75px 44px 25px;
        pointer-events: none;
        right: 0;
        text-align: center;
        z-index: 99996
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding:75px 44px 25px 44px
        }
    }

    .fancybox-caption--separate {
        margin-top: -50px
    }

    .fancybox-caption__body {
        max-height: 50vh;
        overflow: auto;
        pointer-events: all
    }

    .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none
    }

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

    .fancybox-loading {
        -webkit-animation: a 1s linear infinite;
        animation: a 1s linear infinite;
        background: 0 0;
        border: 4px solid #888;
        border-bottom-color: #fff;
        border-radius: 50%;
        height: 50px;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: .7;
        padding: 0;
        position: absolute;
        top: 50%;
        width: 50px;
        z-index: 99999
    }

    @-webkit-keyframes a {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes a {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .fancybox-animated {
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .fancybox-fx-slide.fancybox-slide--previous {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    .fancybox-fx-slide.fancybox-slide--next {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    .fancybox-fx-slide.fancybox-slide--current {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
        opacity: 0;
        -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
        transition-timing-function: cubic-bezier(.19,1,.22,1)
    }

    .fancybox-fx-fade.fancybox-slide--current {
        opacity: 1
    }

    .fancybox-fx-zoom-in-out.fancybox-slide--previous {
        opacity: 0;
        -webkit-transform: scale3d(1.5,1.5,1.5);
        transform: scale3d(1.5,1.5,1.5)
    }

    .fancybox-fx-zoom-in-out.fancybox-slide--next {
        opacity: 0;
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5)
    }

    .fancybox-fx-zoom-in-out.fancybox-slide--current {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .fancybox-fx-rotate.fancybox-slide--previous {
        opacity: 0;
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    .fancybox-fx-rotate.fancybox-slide--next {
        opacity: 0;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    .fancybox-fx-rotate.fancybox-slide--current {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .fancybox-fx-circular.fancybox-slide--previous {
        opacity: 0;
        -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
        transform: scale3d(0,0,0) translate3d(-100%,0,0)
    }

    .fancybox-fx-circular.fancybox-slide--next {
        opacity: 0;
        -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
        transform: scale3d(0,0,0) translate3d(100%,0,0)
    }

    .fancybox-fx-circular.fancybox-slide--current {
        opacity: 1;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    .fancybox-fx-tube.fancybox-slide--previous {
        -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
        transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
    }

    .fancybox-fx-tube.fancybox-slide--next {
        -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
        transform: translate3d(100%,0,0) scale(.1) skew(10deg)
    }

    .fancybox-fx-tube.fancybox-slide--current {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    @media (max-height: 576px) {
        .fancybox-slide {
            padding-left:6px;
            padding-right: 6px
        }

        .fancybox-slide--image {
            padding: 6px 0
        }

        .fancybox-close-small {
            right: -6px
        }

        .fancybox-slide--image .fancybox-close-small {
            background: #4e4e4e;
            color: #f2f4f6;
            height: 36px;
            opacity: 1;
            padding: 6px;
            right: 0;
            top: 0;
            width: 36px
        }

        .fancybox-caption {
            padding-left: 12px;
            padding-right: 12px
        }

        @supports (padding: max(0px)) {
            .fancybox-caption {
                padding-left:12px;
                padding-right: 12px
            }
        }
    }

    .fancybox-share {
        background: #f4f4f4;
        border-radius: 3px;
        max-width: 90%;
        padding: 30px;
        text-align: center
    }

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

    .fancybox-share__button {
        border: 0;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        margin: 0 5px 10px;
        min-width: 130px;
        padding: 0 15px;
        text-decoration: none;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap
    }

    .fancybox-share__button:link,.fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

    .fancybox-share__button--fb {
        background: #3b5998
    }

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

    .fancybox-share__button--pt {
        background: #bd081d
    }

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

    .fancybox-share__button--tw {
        background: #1da1f2
    }

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

    .fancybox-share__button svg {
        height: 25px;
        margin-right: 7px;
        position: relative;
        top: -1px;
        vertical-align: middle;
        width: 25px
    }

    .fancybox-share__button svg path {
        fill: #fff
    }

    .fancybox-share__input {
        background: 0 0;
        border: 0;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0;
        color: #5d5b5b;
        font-size: 14px;
        margin: 10px 0 0;
        outline: 0;
        padding: 10px 15px;
        width: 100%
    }

    .fancybox-thumbs {
        background: #ddd;
        bottom: 0;
        display: none;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding: 2px 2px 4px;
        position: absolute;
        right: 0;
        -webkit-tap-highlight-color: transparent;
        top: 0;
        width: 212px;
        z-index: 99995
    }

    .fancybox-thumbs-x {
        overflow-x: auto;
        overflow-y: hidden
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 212px
    }

    .fancybox-thumbs__list {
        font-size: 0;
        height: 100%;
        list-style: none;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        position: absolute;
        position: relative;
        white-space: nowrap;
        width: 100%
    }

    .fancybox-thumbs-x .fancybox-thumbs__list {
        overflow: hidden
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
        width: 7px
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,.3)
    }

    .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
        background: #2a2a2a;
        border-radius: 10px
    }

    .fancybox-thumbs__list a {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0,0,0,.1);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        float: left;
        height: 75px;
        margin: 2px;
        max-height: calc(100% - 8px);
        max-width: calc(50% - 4px);
        outline: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        -webkit-tap-highlight-color: transparent;
        width: 100px
    }

    .fancybox-thumbs__list a:before {
        border: 2px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

    @media (max-width: 576px) {
        .fancybox-thumbs {
            width:110px
        }

        .fancybox-show-thumbs .fancybox-inner {
            right: 110px
        }

        .fancybox-thumbs__list a {
            max-width: calc(100% - 10px)
        }
    }

    [data-fancybox-close]:hover svg {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .fancy_zoomer {
        position: relative;
        display: inline-block;
        vertical-align: top
    }

    .fancy_zoomer:after,.fancy_zoomer:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .fancy_zoomer:before {
        z-index: 2;
        background-color: rgba(0,0,0,.2);
        border-radius: inherit
    }

    .fancy_zoomer:after {
        z-index: 3;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAzFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jif6XAAAAQ3RSTlMAAel+6hkQBjHtTEGAA8XSBew9WNCS+ehnx5OBPMDB+Fc3rZY59/pA0cLGkfX2lGjMyU1/60tkxPypZu/uo18rGwv9Pt5kUAAAAT9JREFUOMuFk+d2gkAQhdelSVFAQMSGPbHE9F5Mct//nUJRdwlt/szu4ePsvVMIOYWlbTd+GPqbrWaRgpANEed4MOQc4PiAKeiSoki6YAK+k/3emgPrDrt3xsC8xQMzLHsN/pdGb4kZh/Txvvj/7OID+/NlgqtpXvp0h8nJBcV1kbs30KMjA2umIWgzLWMYyUERwbkA2HkIUYmzhktSTBAXWpw83JcRAvpxeoZeRlwgUSVCKiMkiHHqIpFDbsBF6khBlydcnrjlifpX2rVKPQg1bisrdpfIsTGsrnrUuRHrnOmyzo2OnSvt/hNEuXKCHndg07yHmpvCAfBaPckvgN3MbsOY34YREGYR4tB0oywr3SjqNFVA5RF5YLPG2YPIRQ6JNtsL6GpFA09LC5VHcpEgh1rkk1Qj9PermiA/3+QPtGA20vrliSMAAAAASUVORK5CYII=);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    @media screen and (min-width: 1025px) {
        .fancy_zoomer:hover:after,.fancy_zoomer:hover:before {
            -webkit-transition:all 250ms ease-out 0s;
            transition: all 250ms ease-out 0s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: none!important;
            transform: none!important
        }
    }

    @media screen and (max-width: 1024px) {
        .fancy_zoomer:active:after,.fancy_zoomer:active:before {
            -webkit-transition:all 50ms ease-out 0s;
            transition: all 50ms ease-out 0s;
            opacity: 1;
            visibility: visible;
            -webkit-transform: none!important;
            transform: none!important
        }
    }

    @media screen and (max-width: 1024px) {
        .fancybox-slide {
            padding:32px
        }

        .fancybox-infobar {
            height: 32px;
            line-height: 32px;
            min-width: 32px;
            font-size: 12px;
            white-space: nowrap
        }

        .fancybox-infobar>span {
            margin: 0 -.1em
        }

        .fancybox-button {
            width: 32px;
            height: 32px;
            padding: 6px
        }

        .fancybox-caption {
            padding: 48px 32px 10px 32px
        }

        .fancybox-navigation .fancybox-button {
            width: 64px;
            height: 94px
        }
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    .module-scrollBox {
        position: relative;
        height: 100%
    }

    .module-scrollBox.y {
        padding-right: 6px;
        margin-right: -6px
    }

    .module-scrollBox.y .scrollbar {
        right: 0;
        width: 2px;
        height: 100%;
        top: 0
    }

    .module-scrollBox.y .scrollbar .track {
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-color: #f1f1f1
    }

    .module-scrollBox.y .scrollbar .thumb {
        height: 0;
        right: 0;
        width: 2px;
        background-color: #0077b8
    }

    .module-scrollBox.x .scrollbar {
        height: 2px;
        width: 100%;
        bottom: -52px
    }

    .module-scrollBox.x .scrollbar .track {
        position: absolute;
        top: 0;
        right: 0;
        height: 2px;
        background-color: #f1f1f1
    }

    .module-scrollBox.x .scrollbar .thumb {
        width: 0;
        top: 0;
        left: 0;
        height: 2px;
        background-color: #0077b8;
        -webkit-box-shadow: 0 2px 3.92px .08px rgba(2,219,205,.22);
        box-shadow: 0 2px 3.92px .08px rgba(2,219,205,.22);
        border-radius: 2px
    }

    .module-scrollBox.x>.viewport {
        white-space: nowrap
    }

    .module-scrollBox.x>.viewport .overview {
        display: inline-block
    }

    .module-scrollBox .scrollbar {
        position: absolute;
        z-index: 3;
        right: 0
    }

    .module-scrollBox .scrollbar .track {
        position: relative
    }

    .module-scrollBox .scrollbar .thumb {
        position: absolute;
        cursor: pointer;
        border-radius: 1px;
        -webkit-transition: all 80ms ease-out 0s;
        transition: all 80ms ease-out 0s
    }

    .module-scrollBox .scrollbar .thumb .end {
        height: 2px;
        width: 2px
    }

    .module-scrollBox .viewport {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .module-scrollBox .overview {
        position: relative;
        -webkit-transition: all 150ms ease-in 0s;
        transition: all 150ms ease-in 0s
    }

    .module-scrollBox .disable {
        display: none
    }

    @media screen and (max-width: 1024px) {
        .module-scrollBox.y {
            padding-right:0;
            overflow-y: auto
        }

        .module-scrollBox.x {
            overflow-x: auto
        }

        .module-scrollBox .viewport {
            width: auto;
            height: auto
        }

        .module-scrollBox .scrollbar {
            display: none!important
        }
    }

    .index-banner {
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 1em;
        font-size: 100vh;
        background-color: #eee
    }

    .index-banner .shade,.index-banner .texts {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .index-banner._active .shade,.index-banner._active .texts {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .index-banner.canvasMove .shade {
        display: none
    }

    .index-banner .shade {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #242b36
    }

    .index-banner .item {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        overflow: hidden
    }

    .index-banner .item:after {
        display: none
    }

    .index-banner .item .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: unset;
        object-fit: unset;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s
    }

    .index-banner .item .bg {
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .index-banner .item.on .bg {
        -webkit-clip-path: inset(0)!important;
        clip-path: inset(0)!important
    }

    .index-banner .item.leave {
        opacity: 1!important
    }

    .index-banner.dir_z .item.come .bg {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }

    .index-banner.dir_f .item.come .bg {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    .index-banner .canvasRoom>canvas {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .index-banner .texts {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        pointer-events: none
    }

    .index-banner .texts .qImg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: fill!important;
        object-fit: fill!important;
        -webkit-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    .index-banner .texts .qImg.on {
        z-index: 5;
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-banner .ctrbox {
        z-index: 20;
        position: absolute;
        right: 3%;
        bottom: 4%;
        margin-right: 80px;
        white-space: nowrap;
        font-size: 0;
        line-height: 26px
    }

    .index-banner .ctrbox>s {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        font-family: SimSun,'宋体';
        margin-left: 30px;
        margin-right: 30px;
        margin-left: 1.875vw;
        margin-right: 1.875vw;
        color: #fff
    }

    .index-banner .ctrbox .ctr {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 26px;
        -webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
        transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
        color: #fff
    }

    .index-banner .ctrbox .ctr s {
        color: #fff;
        font-size: 28px;
        font-weight: 700
    }

    .index-banner .ctrbox .ctr s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .index-banner .ctrbox .ctr s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        padding: inherit
    }

    .ysqUEO .index-banner .ctrbox .ctr s:after,.ysqUEO .index-banner .ctrbox .ctr s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 1px;
        margin-top: -.5px;
        background-color: #fff;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    @media screen and (min-width: 1025px) {
        .index-banner .ctrbox .ctr:hover {
            color:#f1ab18
        }
    }

    @media screen and (max-width: 1024px) {
        .index-banner .ctrbox .ctr:active {
            color:#f1ab18
        }
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .index-banner .ctrbox .ctr:hover s:after,.ysqUEO .index-banner .ctrbox .ctr:hover s:before {
            background-color:#f1ab18
        }
    }

    @media screen and (max-width: 1024px) {
        .index-banner .ctrbox .ctr:active s:after,.index-banner .ctrbox .ctr:active s:before {
            background-color:#f1ab18
        }
    }

    .ysqUEO .index-banner .ctrbox .ctr.prev s:after,.ysqUEO .index-banner .ctrbox .ctr.prev s:before {
        margin-left: -6px;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .ysqUEO .index-banner .ctrbox .ctr.prev s:before {
        -webkit-transform: rotate(-40deg) translateX(-.5px);
        transform: rotate(-40deg) translateX(-.5px)
    }

    .ysqUEO .index-banner .ctrbox .ctr.prev s:after {
        -webkit-transform: rotate(40deg) translateX(-.5px);
        transform: rotate(40deg) translateX(-.5px)
    }

    .ysqUEO .index-banner .ctrbox .ctr.next s:after,.ysqUEO .index-banner .ctrbox .ctr.next s:before {
        margin-left: -8px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .ysqUEO .index-banner .ctrbox .ctr.next s:before {
        -webkit-transform: rotate(-40deg) translateX(.5px);
        transform: rotate(-40deg) translateX(.5px)
    }

    .ysqUEO .index-banner .ctrbox .ctr.next s:after {
        -webkit-transform: rotate(40deg) translateX(.5px);
        transform: rotate(40deg) translateX(.5px)
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .index-banner .ctrbox .ctr.prev:hover s:before {
            -webkit-transform:rotate(-45deg) translateX(-.5px);
            transform: rotate(-45deg) translateX(-.5px)
        }

        .ysqUEO .index-banner .ctrbox .ctr.prev:hover s:after {
            -webkit-transform: rotate(45deg) translateX(-.5px);
            transform: rotate(45deg) translateX(-.5px)
        }

        .ysqUEO .index-banner .ctrbox .ctr.next:hover s:before {
            -webkit-transform: rotate(-45deg) translateX(.5px);
            transform: rotate(-45deg) translateX(.5px)
        }

        .ysqUEO .index-banner .ctrbox .ctr.next:hover s:after {
            -webkit-transform: rotate(45deg) translateX(.5px);
            transform: rotate(45deg) translateX(.5px)
        }
    }

    @media screen and (max-width: 1024px) {
        .index-banner .ctrbox .ctr.prev:active s:before {
            -webkit-transform:rotate(-45deg) translateX(-.5px);
            transform: rotate(-45deg) translateX(-.5px)
        }

        .index-banner .ctrbox .ctr.prev:active s:after {
            -webkit-transform: rotate(45deg) translateX(-.5px);
            transform: rotate(45deg) translateX(-.5px)
        }

        .index-banner .ctrbox .ctr.next:active s:before {
            -webkit-transform: rotate(-45deg) translateX(.5px);
            transform: rotate(-45deg) translateX(.5px)
        }

        .index-banner .ctrbox .ctr.next:active s:after {
            -webkit-transform: rotate(45deg) translateX(.5px);
            transform: rotate(45deg) translateX(.5px)
        }
    }

    .index-banner .rightBar {
        z-index: 23;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 80px;
        background-color: rgba(0,0,0,.4);
        border-left: rgba(255,255,255,.2) solid 1px;
        font-size: 14px
    }

    .index-banner .rightBar .vbox {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .index-banner .rightBar .vbox .slogan {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 1em;
        font-size: 16px;
        color: #999;
        line-height: 20px;
        text-align: right;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        letter-spacing: .25em;
        color: #fff
    }

    .index-banner .rightBar .vbox .sNum {
        margin: .6rem auto;
        width: 1em;
        text-align: center;
        color: #fff;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        line-height: 18px
    }

    .index-banner .rightBar .vbox .sNum .sum {
        font-size: 14px;
        opacity: .22
    }

    .index-banner .rightBar .vbox .sNum .now {
        font-size: 24px
    }

    .index-banner .rightBar .vbox .vr {
        position: relative;
        height: 7.5vh;
        margin-top: 3.54166667vh;
        margin-bottom: 3.54166667vh;
        background-color: rgba(255,255,255,.2);
        margin-left: auto;
        margin-right: auto;
        width: 2px
    }

    .index-banner .rightBar .vbox .vr s {
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 0;
        background-color: #f1ab18
    }

    .index-banner .rightBar .pagination-banner {
        margin-bottom: .8rem
    }

    .index-banner .rightBar .pagination-banner .btn {
        display: block;
        margin: .3rem auto
    }

    @media screen and (max-width: 1600px) {
        .index-banner .rightBar {
            width:72px
        }
    }

    .index-banner._nojs .sNum {
        display: none
    }

    .index-section {
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .index-head {
        position: relative;
        z-index: 2;
        padding: 1rem 0;
        text-align: center
    }

    .index-head .dt {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding-top: 1em;
        white-space: nowrap
    }

    .index-head .dt .en {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        font-size: 1.6rem;
        text-transform: uppercase;
        color: #f5f5f5;
        letter-spacing: -.05em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .index-head .dt .cn {
        font-size: 1em;
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        color: #242b36
    }

    .index-head .dt .cn .this {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 2
    }

    .index-head .dt .cn .this:after {
        content: " ";
        position: absolute;
        left: 100%;
        margin-left: .75em;
        top: 0;
        font-size: .5em;
        width: 1em;
        height: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: currentColor solid 2px;
        border-radius: 50%
    }

    .index-head .dd {
        margin-top: .4rem
    }

    .index-head .dd .wrapIn {
        position: relative;
        z-index: 2;
        display: inline-block;
        vertical-align: top;
        padding: 0 1em;
        min-width: 320px;
        color: #666;
        line-height: 1.5;
        margin-left: auto;
        margin-right: auto
    }

    .index-head .dd .wrapIn:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        top: 55%;
        margin-top: -24px;
        width: 48px;
        height: 48px;
        background-image: url(../images/doti-3x3.png);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: repeat-x;
        -webkit-animation-name: rotate360;
        animation-name: rotate360;
        -webkit-animation-duration: 2.4s;
        animation-duration: 2.4s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        animation-timing-function: cubic-bezier(.51,1.16,.78,.96);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none
    }

    .index-head .hr {
        margin-left: auto;
        margin-right: auto;
        margin-top: .3rem;
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }

    .index-head._l .dd .wrapIn:before {
        right: 100%
    }

    .index-head._r .dd .wrapIn:before {
        left: 100%
    }

    .index-head._skinfff .en {
        opacity: .04
    }

    .index-head._skinfff .cn {
        color: #fff
    }

    .index-head._skinfff .dd .wrapIn {
        color: rgba(255,255,255,.8)
    }

    .index-head._skinfff .dd .wrapIn:before {
        opacity: .5
    }

    .index-head._skinfff .hr {
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%)
    }

    .index-head.AniDid .dt .cn .this:after {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .index-head.AniDid .dd .wrapIn:before {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .index-head.AniDid .hr {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .index-about {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .index-about:after {
        display: none
    }

    .index-about .left {
        position: relative;
        overflow: hidden;
        z-index: 2;
        width: 50%
    }

    .index-about .left .pic {
        height: 17rem;
        background-color: #aaa
    }

    .index-about .left .playBtn>s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        z-index: 6;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        overflow: hidden
    }

    .index-about .left .playBtn>s:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(36,43,54,.5);
        z-index: -2;
        pointer-events: none;
        border-radius: 50%
    }

    .index-about .left .playBtn>s:after {
        content: " ";
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
        background-color: #242b36;
        z-index: -1;
        pointer-events: none;
        border-radius: 50%
    }

    .index-about .left .playBtn>s>s {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px;
        height: 64px
    }

    .index-about .left .playBtn>s>s:after,.index-about .left .playBtn>s>s:before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4.8px;
        margin-top: -10px;
        overflow: hidden;
        width: 0;
        height: 0;
        border-width: 10px 12px;
        border-color: transparent transparent transparent #fff;
        border-style: dashed dashed dashed solid;
        -webkit-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s
    }

    .index-about .left .playBtn>s.paused>s:before {
        margin-left: -5.4px;
        border-width: 0 3px;
        height: 20px
    }

    .index-about .left .playBtn>s.paused>s:after {
        margin-left: 1.8px;
        border-width: 0 3px;
        height: 20px
    }

    .index-about .left .playBtn:hover>s {
        -webkit-transform: rotate(360deg) scale(1.1);
        transform: rotate(360deg) scale(1.1)
    }

    .index-about .right {
        position: relative;
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4.6875% 12.5% 4.6875% 4.6875%;
        line-height: 1.5
    }

    .index-about .right .ds {
        color: #333
    }

    .index-about .right .dt {
        font-weight: 700;
        color: #333
    }

    .index-about .right .dd {
        margin-top: .8rem;
        color: #666;
        line-height: 1.875em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        max-height: 7.5em
    }

    .index-about .right .df {
        margin-top: .8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .index-about .right .df:after {
        display: none
    }

    .index-about .right .df .col {
        text-align: center;
        line-height: 1
    }

    .index-about .right .df .col .sdt {
        color: #f1ab18
    }

    .index-about .right .df .col .sdt .unit {
        margin-left: 5px
    }

    .index-about .right .df .col .sdd {
        margin-top: .2rem;
        color: #333;
        font-size: 14px
    }

    .index-about .right .fnav {
        position: relative;
        z-index: 2;
        margin-top: 12%;
        height: 4rem;
        min-height: 150px
    }

    .index-about .right .fnav .wrapOut {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 14px 0 rgba(174,174,174,.45);
        box-shadow: 0 0 14px 0 rgba(174,174,174,.45);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        z-index: 2
    }

    .index-about .right .fnav .wrapOut:after {
        display: none
    }

    .index-about .right .fnav .link {
        position: relative;
        z-index: 1;
        width: 4.8rem;
        height: 4rem;
        min-width: 4.8rem;
        min-height: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        text-align: center;
        overflow: hidden;
        color: #333;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .index-about .right .fnav .link:after {
        display: none
    }

    .index-about .right .fnav .link:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        display: block;
        left: 100%;
        bottom: 0;
        width: 0;
        height: 100%;
        background-color: #242b36
    }

    .index-about .right .fnav .link:after {
        content: " ";
        z-index: -2;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-image: -webkit-linear-gradient(0deg,transparent 55%,rgba(0,0,0,.03) 100%)
    }

    .index-about .right .fnav .link .wrapIn {
        padding: 15px;
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s
    }

    .index-about .right .fnav .link .wrapIn .icoImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 48px;
        height: 48px;
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s;
        -webkit-filter: grayscale(1) brightness(1);
        filter: grayscale(1) brightness(1)
    }

    .index-about .right .fnav .link .wrapIn .en {
        margin-top: .3rem;
        opacity: .6;
        white-space: nowrap
    }

    .index-about .right .fnav .link .wrapIn .cn {
        margin-top: .1rem;
        font-size: 16px
    }

    .index-about .right .fnav .link:hover:before {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s,width 220ms ease-out 0s;
        transition: left 0s ease-out 0s,width 220ms ease-out 0s
    }

    .index-about .right .fnav .link:hover .wrapIn {
        color: #fff
    }

    .index-about .right .fnav .link:hover .wrapIn .icoImg {
        -webkit-filter: grayscale(1) brightness(2);
        filter: grayscale(1) brightness(2)
    }

    .index-about .right .fnav .block {
        position: absolute;
        overflow: hidden;
        left: -25%;
        top: 0;
        z-index: -1;
        pointer-events: none
    }

    .index-about .right .fnav .block s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #242b36
    }

    @media screen and (max-width: 1600px) {
        .index-about .right {
            padding-right:7.8125%
        }
    }

    .index-guarantee-swiper {
        width: 100%;
        position: relative;
        overflow: hidden;
        background-color: #eee
    }

    .index-guarantee-swiper .swiper-container {
        position: relative
    }

    .index-guarantee-swiper .item {
        width: 25%;
        height: 12rem;
        position: relative;
        overflow: hidden;
        z-index: 2
    }

    .index-guarantee-swiper .item .pic {
        width: 100%;
        height: 12rem;
        background-color: #000;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s;
        z-index: 2
    }

    .index-guarantee-swiper .item .pic:before {
        border-color: rgba(255,255,255,.6) rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1)
    }

    .index-guarantee-swiper .item .pic._loaded img {
        opacity: .5;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-guarantee-swiper .item .pic._loaded:after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: #242b36;
        z-index: -1;
        pointer-events: none
    }

    .index-guarantee-swiper .item .pic._loaded+.txt {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-guarantee-swiper .item .txt {
        -webkit-transition: all 250ms ease-out 0s,all 320ms ease-out 0s;
        transition: all 250ms ease-out 0s,all 320ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 1.2rem;
        width: 100%;
        text-align: center;
        color: #fff;
        line-height: 1.875
    }

    .index-guarantee-swiper .item .txt .dt:after {
        content: " ";
        display: block;
        width: 1em;
        height: 3px;
        background-color: #fff;
        margin: .4rem auto 0
    }

    .index-guarantee-swiper .item .txt .dd {
        margin-top: .5rem;
        min-height: 5.625em;
        max-width: 244px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px
    }

    .index-guarantee-swiper .item:hover .pic:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-guarantee-swiper .item:hover .txt {
        padding-bottom: .8rem
    }

    .index-business-tab {
        position: relative;
        overflow: hidden;
        z-index: 2;
        color: #fff
    }

    .index-business-tab>.bg {
        background-color: #242b36
    }

    .index-business-tab>.contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .index-business-tab>.contain:after {
        display: none
    }

    .index-business-tab .Tg {
        padding: 2.4rem 0
    }

    .index-business-tab .Tg .btn {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: .6rem 2.4rem .6rem 80px;
        color: #fff;
        height: 40px;
        line-height: 40px;
        width: 160px
    }

    .index-business-tab .Tg .btn:before {
        content: " ";
        position: absolute;
        height: 100%;
        z-index: -1;
        pointer-events: none;
        background-image: url(../images/bgi-business-Tg-btn.png);
        background-size: 100% auto;
        background-position: 0 50%;
        background-repeat: repeat-y;
        border-left: #f1ab18 solid 3px;
        left: 0;
        top: 100%;
        width: 100%;
        height: 0;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-business-tab .Tg .btn .icoImg {
        position: absolute;
        left: 24px;
        top: 50%;
        margin-top: -24px;
        width: 48px;
        height: 48px
    }

    .index-business-tab .Tg .btn .arrow {
        position: absolute;
        right: 24px;
        top: 50%;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        color: #fff
    }

    .index-business-tab .Tg .btn .arrow s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .index-business-tab .Tg .btn .arrow s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap
    }

    .ysqUEO .index-business-tab .Tg .btn .arrow s:after,.ysqUEO .index-business-tab .Tg .btn .arrow s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 1px;
        margin-top: -.5px;
        background-color: #fff;
        margin-left: -7px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ysqUEO .index-business-tab .Tg .btn .arrow s:before {
        -webkit-transform: rotate(-44deg) translateX(.5px);
        transform: rotate(-44deg) translateX(.5px)
    }

    .ysqUEO .index-business-tab .Tg .btn .arrow s:after {
        -webkit-transform: rotate(44deg) translateX(.5px);
        transform: rotate(44deg) translateX(.5px)
    }

    @media screen and (min-width: 1025px) {
        .index-business-tab .Tg .btn .arrow:hover {
            color:#fff
        }

        .index-business-tab .Tg .btn .arrow:hover s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .index-business-tab .Tg .btn .arrow:hover s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    @media screen and (max-width: 1024px) {
        .index-business-tab .Tg .btn .arrow:active {
            color:#fff
        }

        .index-business-tab .Tg .btn .arrow:active s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .index-business-tab .Tg .btn .arrow:active s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    .index-business-tab .Tg .btn.on:before {
        top: 0;
        height: 100%;
        -webkit-transition: top 0s ease-out 0s,height 220ms ease-out 0s;
        transition: top 0s ease-out 0s,height 220ms ease-out 0s
    }

    .index-business-tab .Tg .btn.on .arrow {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .index-business-tab .Tt {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: calc(100% - 160px - 80px - 2.4rem - 1rem)
    }

    .index-business-tab .Tt>.box {
        position: relative;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .index-business-tab .Tt>.box:after {
        display: none
    }

    .index-business-tab .Tt>.box.on {
        position: relative;
        -webkit-transition: all 330ms ease-out 0s;
        transition: all 330ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
        z-index: 9
    }

    .index-business-tab .Tt>.box.leave {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .index-business-tab .Tt>.box.come {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    @media screen and (max-width: 1600px) {
        .index-business-tab .Tg .btn {
            padding:.5rem 2rem .5rem 80px
        }

        .index-business-tab .Tt {
            width: calc(100% - 120px - 80px - 2.4rem - 1rem)
        }
    }

    .index-business-territorial {
        height: 14.4rem;
        position: relative
    }

    .index-business-territorial .figure {
        display: block;
        width: auto;
        height: 100%
    }

    .index-business-territorial .aside {
        position: absolute;
        right: 0;
        width: 100%;
        bottom: 7.63888889%;
        text-align: center
    }

    .index-business-models {
        padding: 2rem 0
    }

    .index-business-models .line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        width: 39.1em
    }

    .index-business-models .line:after {
        display: none
    }

    .index-business-models .line:nth-child(1n+2) {
        margin-top: .45em
    }

    .index-business-models .line>.col {
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 12.2em;
        width: 12.2em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .index-business-models .line>.col:after {
        display: none
    }

    .index-business-models .line>.col .pic {
        background-color: #000
    }

    .index-business-models .line>.col .pic:before {
        border-color: rgba(255,255,255,.6) rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1);
        margin: -12px 0 0 -12px;
        width: 24px;
        height: 24px
    }

    .index-business-models .line>.col .pic._loaded+.wrapIn {
        -webkit-transition: all 250ms ease-out .1s;
        transition: all 250ms ease-out .1s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-business-models .line>.col .wrapIn {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0);
        color: #fff;
        line-height: 1.25;
        padding: 1em;
        text-align: center;
        white-space: nowrap;
        position: relative;
        z-index: 3
    }

    .index-business-models .line>.col .wrapIn .icoImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 3em;
        height: 3em
    }

    .index-business-models .line>.col._a {
        width: 12.2em
    }

    .index-business-models .line>.col._b {
        width: 13.8em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .index-business-models .line>.col._b:after {
        display: none
    }

    .index-business-models .line>.col._b>.cell {
        position: relative;
        overflow: hidden;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        width: 6.7em;
        height: 5.9em
    }

    .index-business-models .line>.col._b>.cell:after {
        display: none
    }

    .index-business-models .line>.col._b>.cell:nth-child(3) {
        margin-top: .4em;
        width: 13.8em;
        height: 5.9em
    }

    .index-business-models .line>.col._c1>.pic {
        background-color: #33cf80
    }

    .index-business-models .line>.col._c2>.pic {
        background-color: #f2994a
    }

    @media screen and (max-width: 1600px) {
        .index-business-models {
            padding:1.6rem 0
        }
    }

    @media screen and (max-width: 1440px) {
        .index-business-models .line {
            font-size:16px
        }
    }

    .index-business-swiper {
        width: 19.52rem;
        height: 8.4rem
    }

    .index-business-swiper .item {
        position: relative;
        overflow: hidden;
        z-index: 2;
        width: 6.24rem;
        height: 8.4rem;
        margin-right: .4rem;
        background-color: #fff
    }

    @media screen and (max-width: 1280px) {
        .index-business-swiper {
            height:320px
        }

        .index-business-swiper .item {
            height: 320px
        }
    }

    .index-business-group-swiper .item .pic {
        background-color: #000
    }

    .index-business-group-swiper .item .pic:before {
        border-color: rgba(255,255,255,.6) rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1)
    }

    .index-business-group-swiper .item .pic:after {
        content: " ";
        z-index: 2;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        background-image: -webkit-linear-gradient(-90deg,transparent 0,rgba(0,0,0,.6) 100%)
    }

    .index-business-group-swiper .item .pic._loaded:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .index-business-group-swiper .item .pic._loaded+.aside {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-business-group-swiper .item .aside {
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.5;
        color: #fff;
        text-align: center;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    @media screen and (max-width: 1440px) {
        .index-business-group-swiper .item .aside {
            padding:.75em;
            font-size: 16px
        }
    }

    .index-business-industry-swiper .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .index-business-industry-swiper .item:after {
        display: none
    }

    .index-business-industry-swiper .item .pic {
        background-color: #000
    }

    .index-business-industry-swiper .item .pic:before {
        border-color: rgba(255,255,255,.6) rgba(255,255,255,.1) rgba(255,255,255,.1) rgba(255,255,255,.1)
    }

    .index-business-industry-swiper .item .pic:after {
        content: " ";
        z-index: 2;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.6) 100%)
    }

    .index-business-industry-swiper .item .pic._loaded:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .index-business-industry-swiper .item .pic._loaded+.txt {
        -webkit-transition: all 250ms ease-out .2s;
        transition: all 250ms ease-out .2s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-business-industry-swiper .item .txt {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-.6rem);
        transform: translateY(-.6rem);
        position: relative;
        z-index: 5;
        padding: 1.2rem .8rem .8rem;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        max-height: 100%
    }

    .index-business-industry-swiper .item .txt .num {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 3.5em;
        height: 3.5em;
        line-height: 3.5em;
        text-align: center;
        background-color: #f1ab18;
        border-radius: 50%;
        font-size: 1.2em;
        font-weight: 700
    }

    .index-business-industry-swiper .item .txt .dt {
        margin-top: .6rem;
        font-size: 1em;
        line-height: 1.5;
        text-align: center
    }

    .index-business-industry-swiper .item .txt .dd {
        margin-top: .2rem;
        line-height: 24px;
        font-size: 14px;
        height: 144px
    }

    .index-business-industry-swiper .item .txt .dd .overview {
        line-height: 24px
    }

    .index-business-industry-swiper .item .txt .dd .thumb {
        background-color: #242b36
    }

    .index-business-industry-swiper .item .txt .dd .track {
        background-color: #e9e9e9
    }

    @media screen and (max-width: 1440px) {
        .index-business-industry-swiper .item .txt {
            padding:1rem .5rem .6rem
        }

        .index-business-industry-swiper .item .txt .num {
            font-size: 1em
        }

        .index-business-industry-swiper .item .txt .dt {
            margin-top: .4rem
        }
    }

    .index-service {
        padding-bottom: 2rem
    }

    .index-service-list {
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .index-service-list:after {
        display: none
    }

    .index-service-list .item {
        position: relative;
        overflow: hidden;
        z-index: 2;
        height: 430px;
        width: 10.83333333%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #f9fafc
    }

    .index-service-list .item:nth-child(1n+2):before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        z-index: 2;
        pointer-events: none;
        background-color: #e8e8e9
    }

    .index-service-list .item .pic {
        background-color: #242b36;
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-service-list .item .txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 2em;
        z-index: 3;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .index-service-list .item .icoImg {
        position: absolute;
        left: 50%;
        top: 2em;
        margin-left: -2.15em;
        width: 4.3em;
        height: 4.3em;
        border-radius: 50%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 .7em 0 rgba(174,174,174,.11);
        box-shadow: 0 0 .7em 0 rgba(174,174,174,.11);
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -o-object-fit: unset;
        object-fit: unset
    }

    .index-service-list .item .name1 {
        position: absolute;
        top: 7.8em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        overflow: hidden
    }

    .index-service-list .item .name1 .this {
        width: 4em;
        line-height: 1.875em;
        font-weight: 700;
        display: inline-block;
        vertical-align: top;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        white-space: nowrap
    }

    .index-service-list .item .name2 {
        position: absolute;
        left: 7.3em;
        top: 2em;
        line-height: 4.3em;
        color: #fff;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .index-service-list .item .name2 .this {
        width: 0;
        font-size: 1.6em;
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        display: inline-block;
        vertical-align: top;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        white-space: nowrap
    }

    .index-service-list .item .abstract {
        margin-top: 5.8em;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-service-list .item .abstract .info {
        height: 0;
        position: relative;
        overflow: hidden;
        line-height: 1.875em;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        color: #fff
    }

    .index-service-list .item .num {
        position: absolute;
        right: 2em;
        bottom: 2em
    }

    .index-service-list .item .num .this {
        font-weight: 700;
        font-size: 2.5em;
        color: #e7e7e7;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-service-list .item.on {
        width: 24.16666667%
    }

    .index-service-list .item.on .pic {
        opacity: 1;
        -webkit-transform: none!important;
        transform: none!important
    }

    .index-service-list .item.on .icoImg {
        left: 1.8em;
        margin-left: 0
    }

    .index-service-list .item.on .name1 {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .index-service-list .item.on .name1 .this {
        width: 0
    }

    .index-service-list .item.on .name2 {
        -webkit-transition: all 250ms ease-out .1s;
        transition: all 250ms ease-out .1s;
        opacity: 1;
        visibility: visible
    }

    .index-service-list .item.on .name2 .this {
        width: 4em
    }

    .index-service-list .item.on .abstract .info {
        height: 13.125em
    }

    .index-service-list .item.on .num .this {
        color: #fff
    }

    @media screen and (max-width: 1440px) {
        .index-service-list .item .icoImg {
            margin-left:-1.8em;
            width: 3.6em;
            height: 3.6em
        }

        .index-service-list .item .name1 {
            top: 7em
        }

        .index-service-list .item .name2 {
            left: 6.35em;
            line-height: 3.6em
        }

        .index-service-list .item .name2 .this {
            font-size: 1.4em
        }

        .index-service-list .item .num .this {
            font-size: 2em
        }

        .index-service-list .item .abstract {
            margin-top: 5em
        }
    }

    .index-news {
        background-color: #f9fafc;
        padding-bottom: 2rem
    }

    .index-news>.contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .index-news>.contain:after {
        display: none
    }

    .index-news-col {
        width: 31.94444444%;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .index-news-col .head {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 25px 25px 20px
    }

    .index-news-col .head:after {
        display: none
    }

    .index-news-col .head .this {
        line-height: 36px;
        height: 36px;
        color: #333
    }

    .index-news-col .head .more {
        color: #999;
        font-size: 14px;
        line-height: 20px
    }

    .index-news-col .news-list {
        padding: 0 25px 25px
    }

    .index-news-col .news-list .item {
        position: relative;
        overflow: hidden;
        z-index: 2
    }

    .index-news-col .news-list .item.picText {
        padding-bottom: 20px;
        border-bottom: #f2f2f2 solid 1px;
        margin-bottom: 25px
    }

    .index-news-col .news-list .item.picText .pic {
        width: 100%;
        height: 260px;
        background-color: #eee;
        margin-bottom: 20px
    }

    .index-news-col .news-list .item.picText .title {
        line-height: 30px;
        color: #333;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .index-news-col .news-list .item.picText .date {
        margin-top: 2px;
        font-size: 14px;
        line-height: 20px;
        color: #999
    }

    .index-news-col .news-list .item.text {
        padding-left: 20px;
        padding-right: 100px;
        margin-top: 8px
    }

    .index-news-col .news-list .item.text:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -6px;
        overflow: hidden;
        width: 0;
        height: 0;
        border-width: 6px 8px;
        border-color: transparent transparent transparent #ddd;
        border-style: solid;
        z-index: -1;
        pointer-events: none;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-news-col .news-list .item.text .title {
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        color: #333;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-news-col .news-list .item.text .date {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -15px;
        line-height: 30px;
        font-size: 14px;
        color: #999
    }

    .index-news-col .news-list .item:hover:before {
        border-left-color: rgba(36,43,54,.8)
    }

    .index-news-col .news-list .item:hover .title {
        color: #242b36
    }

    .index-news-col .question-list .item {
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: 20px 25px;
        border-top: #f2f2f2 solid 1px
    }

    .index-news-col .question-list .item:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        left: 0;
        top: 100%;
        width: 100%;
        height: 0;
        background-color: #242b36
    }

    .index-news-col .question-list .item .title {
        font-size: 16px;
        color: #333;
        line-height: 24px;
        height: 24px;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-news-col .question-list .item .abstract {
        margin-top: 6px;
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 48px;
        height: 48px;
        color: #999;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .index-news-col .question-list .item:hover .abstract,.index-news-col .question-list .item:hover .title {
        color: #fff
    }

    .index-news-col .question-list .item:hover:after {
        top: 0;
        height: 100%;
        -webkit-transition: top 0s ease-out 0s,height 220ms ease-out 0s;
        transition: top 0s ease-out 0s,height 220ms ease-out 0s
    }

    .float-quoteForm {
        position: fixed;
        left: 0;
        bottom: -100px;
        z-index: 61;
        width: 100%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .float-quoteForm.showTt {
        bottom: 0;
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .float-quoteForm.showTt .Tg .arrow {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .float-quoteForm.showTt .Tt {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .float-quoteForm .Tg {
        z-index: 2;
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-left: -2em;
        width: 4em;
        height: 2em;
        overflow: hidden;
        cursor: pointer
    }

    .float-quoteForm .Tg:before {
        content: " ";
        z-index: -2;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 4em;
        height: 4em;
        border-radius: 50%;
        background-color: rgba(0,0,0,.5)
    }

    .float-quoteForm .Tg .arrow {
        position: absolute;
        width: 2em;
        height: 2em;
        left: 1em;
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        z-index: -1;
        pointer-events: none;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        color: #fff
    }

    .float-quoteForm .Tg .arrow s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .float-quoteForm .Tg .arrow s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap
    }

    .ysqUEO .float-quoteForm .Tg .arrow s:after,.ysqUEO .float-quoteForm .Tg .arrow s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        background-color: #fff;
        margin-left: -8px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ysqUEO .float-quoteForm .Tg .arrow s:before {
        -webkit-transform: rotate(-44deg) translateX(1px);
        transform: rotate(-44deg) translateX(1px)
    }

    .ysqUEO .float-quoteForm .Tg .arrow s:after {
        -webkit-transform: rotate(44deg) translateX(1px);
        transform: rotate(44deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .float-quoteForm .Tg .arrow:hover {
            color:#fff
        }

        .float-quoteForm .Tg .arrow:hover s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .float-quoteForm .Tg .arrow:hover s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    @media screen and (max-width: 1024px) {
        .float-quoteForm .Tg .arrow:active {
            color:#fff
        }

        .float-quoteForm .Tg .arrow:active s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .float-quoteForm .Tg .arrow:active s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    .float-quoteForm .Tt {
        position: relative;
        background-color: rgba(0,0,0,.5);
        -webkit-transition: all 250ms ease-out .3s;
        transition: all 250ms ease-out .3s;
        opacity: 0;
        visibility: hidden
    }

    .float-quoteForm .formCheck {
        z-index: 2;
        position: relative;
        padding: 1.5em 0 1.5em 22em;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .float-quoteForm .formCheck:after {
        display: none
    }

    .float-quoteForm .formCheck .dct {
        position: absolute;
        left: 0;
        bottom: 0;
        padding-left: 7.5em;
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        height: 5em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .float-quoteForm .formCheck .dct:after {
        display: none
    }

    .float-quoteForm .formCheck .dct:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 7em;
        height: 7.5em;
        background-image: url(../images/dcts-float-quoteForm.png);
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .float-quoteForm .formCheck .dct .wrapIn {
        width: 100%;
        line-height: 1.4
    }

    .float-quoteForm .formCheck .dct .p1 {
        font-size: 1.5em;
        color: #fff
    }

    .float-quoteForm .formCheck .dct .p2 {
        font-size: 1.1em;
        color: #f1ab18
    }

    .float-quoteForm .formCheck .formItem {
        position: relative;
        margin-right: .6em;
        line-height: 40px;
        overflow: hidden;
        border-radius: 4px
    }

    .float-quoteForm .formCheck .formItem:last-child {
        margin-right: 0
    }

    .float-quoteForm .formCheck .formItem .aftPD {
        display: none
    }

    .float-quoteForm .formCheck .formItem .skin {
        display: block;
        max-width: 100%;
        width: 200px;
        height: 40px;
        line-height: 30px;
        border-radius: 4px;
        background-color: #fff;
        border: none;
        color: #333;
        padding: 5px 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .float-quoteForm .formCheck .formItem [ysq-addressPicker] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=);
        background-size: 8px auto;
        background-position: 175px 50%;
        background-repeat: no-repeat
    }

    .float-quoteForm .formCheck .formItem.pvc {
        width: 250px
    }

    .float-quoteForm .formCheck .formItem.pvc .skin {
        width: 60%
    }

    .float-quoteForm .formCheck .formItem.pvc .sendcode {
        position: absolute;
        right: 0;
        top: 0;
        width: 40%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #0077b8
    }

    .float-quoteForm .formCheck .formItem.pvc .sendcode:after {
        background-color: rgba(0,0,0,.15)
    }

    .float-quoteForm .formCheck .formItem.pvc .sendcode.reject {
        background-color: #9d9d9d
    }

    .float-quoteForm .formCheck .formItem .enter {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        width: 120px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        background-color: #f1ab18;
        border-radius: 4px
    }

    @media screen and (max-width: 1440px) {
        .float-quoteForm .w {
            width:95%
        }

        .float-quoteForm .formCheck {
            padding-left: 20em
        }

        .float-quoteForm .formCheck .dct {
            padding-left: 6em
        }

        .float-quoteForm .formCheck .dct:before {
            left: -1em
        }

        .float-quoteForm .formCheck .formItem {
            margin-right: .4em
        }

        .float-quoteForm .formCheck .formItem .skin {
            width: 160px
        }
    }

    .float-toolBar {
        position: fixed;
        left: 0;
        top: 100%;
        width: 140px;
        z-index: 60;
        white-space: nowrap;
        text-align: center;
        padding-top: 74px
    }

    .float-toolBar:before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -56px;
        width: 112px;
        height: 114px;
        background-image: url(../images/dcti-float-toolbar-top.png);
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        z-index: 5;
        pointer-events: none
    }

    .float-toolBar .wrapIn {
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: 55px 15px 50px;
        background-color: #fff;
        border-radius: 70px;
        -webkit-box-shadow: 0 0 14px 0 rgba(174,174,174,.45);
        box-shadow: 0 0 14px 0 rgba(174,174,174,.45)
    }

    .float-toolBar .slogan {
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        font-size: 20px;
        font-weight: 700;
        color: #0077b8
    }

    .float-toolBar .tel {
        margin-top: .3rem
    }

    .float-toolBar .tel .dt {
        font-size: 14px;
        color: #333
    }

    .float-toolBar .tel .dd {
        margin-top: 10px;
        font-size: 16px;
        font-weight: 700;
        color: #0077b8
    }

    .float-toolBar .hr {
        width: 100%;
        height: 4px;
        margin-top: 15px;
        background-image: url(../images/bgi-float-toolbar-line.png);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: repeat-x
    }

    .float-toolBar .qrcode {
        margin-top: 15px
    }

    .float-toolBar .qrcode .dt {
        font-size: 14px;
        color: #333
    }

    .float-toolBar .qrcode .dd {
        position: relative;
        z-index: 2;
        padding: 0 15px 15px;
        margin-top: 10px
    }

    .float-toolBar .qrcode .dd:before {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 60px;
        background-color: #0077b8;
        border-radius: 8px
    }

    .float-toolBar .qrcode .dd .pic {
        width: 80px;
        height: 80px;
        background-color: #eee
    }

    .float-toolBar .service {
        margin-top: 18px
    }

    .float-toolBar .service .dt {
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        font-size: 16px;
        color: #0077b8
    }

    .float-toolBar .service .dd {
        margin-top: 5px;
        font-size: 12px;
        line-height: 16px;
        color: #999
    }

    .float-toolBar .fastlink {
        margin-top: 10px
    }

    .float-toolBar .fastlink .btn {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 2;
        width: 100%;
        height: 32px;
        border-radius: 8px;
        color: #999;
        line-height: 32px;
        font-size: 14px
    }

    .float-toolBar .fastlink .btn:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        border: #b9b9b9 solid 1px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .float-toolBar .fastlink .btn:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        left: 0;
        top: 100%;
        width: 100%;
        height: 0;
        background-color: #0077b8
    }

    .float-toolBar .fastlink .btn:nth-child(1n+2) {
        margin-top: 6px
    }

    .float-toolBar .fastlink .btn:hover {
        color: #fff
    }

    .float-toolBar .fastlink .btn:hover:before {
        border-color: #0077b8
    }

    .float-toolBar .fastlink .btn:hover:after {
        top: 0;
        height: 100%;
        -webkit-transition: top 0s ease-out 0s,height 220ms ease-out 0s;
        transition: top 0s ease-out 0s,height 220ms ease-out 0s
    }

    .float-toolBar .btn-close-b {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 26px;
        line-height: 24px;
        background-color: #0077b8;
        text-align: center;
        color: #fff;
        font-size: 12px;
        z-index: 3;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .float-toolBar .btn-close-b:after,.float-toolBar .btn-close-b:before {
        content: " ";
        position: absolute;
        left: 50%;
        margin-left: -22px;
        top: -20px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .float-toolBar .btn-close-b>s {
        position: absolute;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        width: 44px;
        height: 44px;
        top: -6px;
        margin-top: -22px;
        left: 50%;
        margin-left: -22px
    }

    .float-toolBar .btn-close-b>s s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 39.6px;
        font-size: 12px;
        color: #fff;
        font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
        cursor: pointer;
        white-space: nowrap;
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s
    }

    .ysqUEO .float-toolBar .btn-close-b>s s {
        overflow: hidden;
        text-indent: 120%
    }

    .ysqUEO .float-toolBar .btn-close-b>s s:after,.ysqUEO .float-toolBar .btn-close-b>s s:before {
        pointer-events: none!important;
        content: " ";
        position: absolute;
        left: 16px;
        width: 12px;
        height: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        color: inherit;
        background-color: currentColor
    }

    .ysqUEO .float-toolBar .btn-close-b>s s:before {
        top: 20px;
        -webkit-transform: rotate(45deg) translate(2.27817459px,0);
        transform: rotate(45deg) translate(2.27817459px,0);
        top: 15px
    }

    .ysqUEO .float-toolBar .btn-close-b>s s:after {
        bottom: 20px;
        -webkit-transform: rotate(-45deg) translate(2.27817459px,0);
        transform: rotate(-45deg) translate(2.27817459px,0);
        bottom: 15px
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .float-toolBar .btn-close-b>s s:after,.ysqUEO .float-toolBar .btn-close-b>s s:before {
            -webkit-transition:all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }

        .float-toolBar .btn-close-b>s s:hover {
            color: #fff
        }
    }

    @media screen and (max-width: 1024px) {
        .float-toolBar .btn-close-b>s s:active {
            color:#fff
        }
    }

    .float-toolBar .btn-close-b:after {
        width: 44px;
        height: 44px;
        z-index: -2;
        pointer-events: none;
        background-color: #0077b8;
        border-radius: 50%
    }

    .float-toolBar .btn-close-b:hover {
        height: 28px
    }

    .float-toolBar .btn-close-b:hover>s {
        top: -10px
    }

    .float-toolBar .btn-close-b:hover:after {
        top: -24px
    }

    .float-toolBar .btn-close-r {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 100%;
        border-radius: 50%;
        background-color: #7bc3f1;
        margin-left: 10px;
        margin-top: -18px;
        -webkit-transition: all 250ms ease-out .5s;
        transition: all 250ms ease-out .5s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
        width: 36px;
        height: 36px
    }

    .float-toolBar .btn-close-r s {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 32.4px;
        font-size: 16px;
        color: #1d1e6d;
        font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
        cursor: pointer;
        white-space: nowrap;
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s
    }

    .ysqUEO .float-toolBar .btn-close-r s {
        overflow: hidden;
        text-indent: 120%
    }

    .ysqUEO .float-toolBar .btn-close-r s:after,.ysqUEO .float-toolBar .btn-close-r s:before {
        pointer-events: none!important;
        content: " ";
        position: absolute;
        left: 10px;
        width: 16px;
        height: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        color: inherit;
        background-color: currentColor
    }

    .ysqUEO .float-toolBar .btn-close-r s:before {
        top: 14px;
        -webkit-transform: rotate(45deg) translate(3.10660172px,0);
        transform: rotate(45deg) translate(3.10660172px,0);
        top: 9px
    }

    .ysqUEO .float-toolBar .btn-close-r s:after {
        bottom: 14px;
        -webkit-transform: rotate(-45deg) translate(3.10660172px,0);
        transform: rotate(-45deg) translate(3.10660172px,0);
        bottom: 9px
    }

    @media screen and (min-width: 1025px) {
        .ysqUEO .float-toolBar .btn-close-r s:after,.ysqUEO .float-toolBar .btn-close-r s:before {
            -webkit-transition:all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }

        .float-toolBar .btn-close-r s:hover {
            color: #1d1e6d
        }
    }

    @media screen and (max-width: 1024px) {
        .float-toolBar .btn-close-r s:active {
            color:#1d1e6d
        }
    }

    .float-toolBar .btn-close-r s:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .float-toolBar:hover .btn-close-r {
        -webkit-transition: all 250ms ease-out .1s;
        transition: all 250ms ease-out .1s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .float-toolBar._hide {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
        -webkit-transition: all 480ms ease-out 0s;
        transition: all 480ms ease-out 0s
    }

    .footer {
        position: relative;
        overflow: hidden;
        z-index: 8;
        background-color: #242b36;
        line-height: 1.4;
        width: 100%
    }

    .footer-t {
        background-color: #242b36
    }

    .footer-t,.footer-t a {
        color: #656d79
    }

    .footer-t .fContact {
        position: relative;
        overflow: hidden;
        padding: 1rem 0
    }

    .footer-t .fContact>.w {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .footer-t .fContact>.w:after {
        display: none
    }

    .footer-t .fContact .left {
        float: left;
        width: 30.55555556%;
        text-align: left
    }

    .footer-t .fContact .left .dt {
        color: #fff
    }

    .footer-t .fContact .left .flogo {
        height: 2em
    }

    .footer-t .fContact .left .ds {
        margin-top: .3rem;
        color: #fff
    }

    .footer-t .fContact .left .dd {
        margin-top: .4rem;
        line-height: 1.625
    }

    .footer-t .fContact .right {
        float: right;
        width: 62.5%;
        text-align: right
    }

    .footer-t .fContact .right .qrcode {
        float: right;
        padding: 10px;
        background-color: #e4e8ea;
        text-align: center
    }

    .footer-t .fContact .right .qrcode img {
        display: block;
        margin-bottom: 8px;
        width: 100px;
        height: 100px
    }

    .footer-t .fContact .right .ways {
        padding-right: 1rem;
        margin-right: 120px
    }

    .footer-t .fContact .right .dt {
        color: #fff
    }

    .footer-t .fContact .right .ds {
        margin-top: .3rem
    }

    .footer-t .fContact .right .ds .qqServe {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px;
        text-indent: 29px;
        position: relative;
        width: 86px;
        height: 32px;
        line-height: 30px;
        border: solid 1px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        color: #fff;
        font-size: 12px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .footer-t .fContact .right .ds .qqServe:before {
        content: " ";
        position: absolute;
        left: 9px;
        top: 8px;
        width: 16px;
        height: 16px;
        background-image: url(../images/iconf-wechat.png);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%)
    }

    .footer-t .fContact .right .ds .qqServe:hover {
        background-color: rgba(255,255,255,.2)
    }

    .footer-t .fContact .right .ds .qqServe.offline {
        border-color: #d2d2d2;
        color: #999
    }

    .footer-t .fContact .right .ds .qqServe.offline:before {
        -webkit-filter: none;
        filter: none
    }

    .footer-t .fContact .right .ds .qqServe.offline:hover {
        background-color: #f1f1f1
    }

    .footer-t .fContact .right .dd {
        margin-top: .3rem;
        line-height: 1.625
    }

    .footer-t .fPartner {
        line-height: 18px;
        padding: .6rem 0;
        border-top: rgba(255,255,255,.05) solid 1px;
        margin: 0 -.5em
    }

    .footer-t .fPartner .link {
        display: inline-block;
        vertical-align: top;
        margin: 1px .5em
    }

    .footer-b {
        background-color: #141a24;
        padding: .6rem 0;
        text-align: center
    }

    .footer-b,.footer-b a {
        color: #4a5361
    }

    .footer-b .aptitude {
        margin-bottom: .4rem
    }

    .footer-b .aptitude img {
        margin-left: 3px;
        margin-right: 3px
    }

    .subpage-banner {
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 1em;
        font-size: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .subpage-banner:after {
        display: none
    }

    .subpage-banner>.bg {
        background-color: #000
    }

    .subpage-banner>.contain {
        text-align: center;
        color: #f6f5fa
    }

    .subpage-banner>.contain .dt {
        position: relative;
        z-index: 1;
        font-weight: 700
    }

    .subpage-banner>.contain .dt .cn {
        font-size: 1em
    }

    .subpage-banner>.contain .dt .en {
        font-size: 2em;
        position: absolute;
        z-index: -1;
        pointer-events: none;
        left: 0;
        width: 100%;
        bottom: .3rem;
        text-transform: uppercase;
        opacity: .1;
        background-image: -webkit-linear-gradient(-90deg,#fff,rgba(255,255,255,.6));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .subpage-banner>.contain .dd {
        font-size: 14px;
        margin-top: .7rem
    }

    .subpage-banner>.contain .dd .link2 {
        position: relative;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        color: #f6f5fa;
        padding: .3rem 4px;
        margin: 0 .4rem
    }

    .subpage-banner>.contain .dd .link2:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        left: 100%;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: currentColor
    }

    .subpage-banner>.contain .dd .link2.on:after,.subpage-banner>.contain .dd .link2:hover:after {
        left: 0;
        width: 100%;
        -webkit-transition: left 0s ease-out 0s,width 220ms ease-out 0s;
        transition: left 0s ease-out 0s,width 220ms ease-out 0s
    }

    .subpage-banner .dct {
        position: absolute;
        left: 50%;
        bottom: 1rem;
        margin-left: -24px;
        width: 48px;
        height: 48px;
        border: #fff solid 1px;
        border-radius: 50%;
        z-index: 2
    }

    .subpage-banner .dct:before {
        content: " ";
        position: absolute;
        left: 50%;
        bottom: 75%;
        margin-left: -6px;
        width: 12px;
        height: 50px;
        background-image: url(../images/dcts-banner-arrow.png);
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-animation: fadeInDownm .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate;
        animation: fadeInDownm .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate
    }

    .subpage-wrap {
        position: relative;
        z-index: 2;
        padding: 2.4rem 0;
        background-color: #fff
    }

    .subpage-head {
        position: relative;
        padding: 1.6rem 0 1rem
    }

    .subpage-head .dt {
        text-align: center
    }

    .subpage-head .dt .this {
        font-size: 1.1em;
        font-weight: 700;
        color: #333;
        line-height: 1.25;
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 2
    }

    .subpage-head .dt .this:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        right: -30px;
        top: -20px;
        width: 50px;
        height: 50px
    }

    .subpage-head .hr {
        margin-left: auto;
        margin-right: auto;
        margin-top: .3rem
    }

    .subpage-head2 {
        position: relative;
        line-height: 1.25
    }

    .subpage-head2 .en .this {
        position: relative;
        font-family: mnhzgb,"Microsoft YaHei","微软雅黑";
        color: #060606
    }

    .subpage-head2 .en .this>s {
        color: #0077b8
    }

    .subpage-head2 .en .this:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        right: -30px;
        top: -20px;
        width: 50px;
        height: 50px
    }

    .subpage-head2 .cn {
        margin-top: 5px;
        color: #333
    }

    .subpage-head2._fff .en .this {
        color: #fff
    }

    .subpage-head2._fff .en .this>s {
        color: #fff
    }

    .subpage-head2._fff .en .this:before {
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%)
    }

    .subpage-head2._fff .cn {
        color: #fff
    }

    .sNews-hotspot {
        position: relative;
        overflow: hidden;
        z-index: 2;
        margin-bottom: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        background-color: #231f20
    }

    .sNews-hotspot:after {
        display: none
    }

    .sNews-hotspot>.right {
        width: 50%
    }

    .sNews-hotspot>.left {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sNews-hotspot-switch .shade {
        height: 0;
        padding-bottom: 63.88888889%
    }

    .sNews-hotspot-switch .item {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .sNews-hotspot-switch .item .pic {
        width: 100%;
        height: 100%;
        background-color: #eee
    }

    .sNews-hotspot-switch .pagination-news {
        position: absolute;
        right: 1.2rem;
        bottom: 1rem;
        width: auto
    }

    .sNews-hotspot-Tt {
        position: relative;
        overflow: hidden
    }

    .sNews-hotspot-Tt .box {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1rem 1.2rem 1.6rem;
        color: #fff;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sNews-hotspot-Tt .box.on {
        position: relative;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sNews-hotspot-Tt .box .date {
        color: #fff
    }

    .sNews-hotspot-Tt .box .title {
        margin-top: .8rem;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 700;
        line-height: 1.5em;
        height: 1.5em
    }

    .sNews-hotspot-Tt .box .title .link {
        color: #fff
    }

    .sNews-hotspot-Tt .box .abstract {
        margin-top: .4rem;
        line-height: 1.875em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 5.625em;
        height: 5.625em;
        color: rgba(255,255,255,.25)
    }

    .sNews-hotspot-Tt .box .more {
        display: inline-block;
        vertical-align: top;
        margin-top: .8rem;
        color: #fff;
        font-weight: 700;
        color: rgba(255,255,255,.4);
        line-height: 1.5
    }

    .sNews-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sNews-list:after {
        display: none
    }

    .sNews-list .item {
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding-bottom: .3rem
    }

    .sNews-list .item:nth-child(1n+1) {
        width: 48%;
        margin-left: 4%;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sNews-list .item:nth-child(2n+1) {
        margin-left: 0
    }

    .sNews-list .item:nth-child(1n+3) {
        margin-top: 4%
    }

    .sNews-list .item .pic {
        width: 100%;
        height: 0!important;
        padding-bottom: 62.5%;
        background-color: #eee
    }

    .sNews-list .item .title {
        margin-top: .6rem;
        line-height: 1.5;
        height: 1.5em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sNews-list .item .abstract {
        margin-top: .4rem;
        line-height: 1.75em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 3.5em;
        height: 3.5em
    }

    .sNews-list .item .more {
        display: inline-block;
        vertical-align: top;
        margin-top: .4rem;
        color: #999
    }

    .sNews-list .item .date {
        position: absolute;
        z-index: 5;
        left: 0;
        top: 0;
        width: 5em;
        height: 5em;
        background-color: #0077b8;
        color: #fff;
        text-align: center;
        padding: .75em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .sNews-list .item .date .d {
        font-size: 2.4em;
        font-weight: 700
    }

    .sNews-list .item .date .ym {
        margin-top: .25em
    }

    .sNews-list .item:hover .title {
        color: #0077b8
    }

    .sNews-list .item:hover .date {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%)
    }

    .sNews-view .subpage-banner {
        height: 11.6rem;
        font-size: 14px
    }

    .sNews-view .subpage-banner:after {
        display: block;
        content: " ";
        z-index: 3;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.6) 100%)
    }

    .sNews-view .subpage-banner>.bg {
        -o-object-position: 50% 0;
        object-position: 50% 0
    }

    .sNews-view .subpage-banner>.head {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-bottom: 1.2rem;
        font-size: 14px;
        color: #fff;
        line-height: 1.25;
        z-index: 8
    }

    .sNews-view .subpage-banner>.head>.contain {
        padding-right: 200px
    }

    .sNews-view .subpage-banner>.head .aside {
        margin-top: .6rem;
        line-height: 1.5
    }

    .sNews-view .subpage-banner>.head .aside .dib {
        margin-right: 1em
    }

    .sNews-view .subpage-banner>.head .backToList {
        position: absolute;
        right: 0;
        top: 0;
        width: 128px;
        height: 44px;
        line-height: 44px;
        border-radius: 44px;
        color: #fff;
        white-space: nowrap;
        background-color: #0077b8;
        text-align: center
    }

    .sNews-view .subpage-banner>.head .backToList:before {
        content: " ";
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 24px;
        height: 24px;
        background-image: url(../images/btn-backToList.png);
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .sNews-view-wrap {
        padding-top: 1.6rem
    }

    .sNews-view-wrap>.contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sNews-view-wrap>.contain:after {
        display: none
    }

    .sNews-view-wrap .main .foot {
        margin-top: 1.2rem;
        padding: .5rem 0;
        border-top: #c3c3c3 dashed 1px
    }

    .sNews-view-wrap .main .foot .ctr {
        color: #333;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04);
        height: 20px;
        line-height: 20px
    }

    .sNews-view-wrap .main .foot .ctr .arrow {
        position: relative;
        width: 20px;
        height: 20px;
        border: currentColor solid 1px;
        border-radius: 50%;
        text-align: center;
        font-family: SimSun,'宋体';
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        color: currentColor
    }

    .sNews-view-wrap .main .foot .ctr .arrow s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .sNews-view-wrap .main .foot .ctr .arrow s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap
    }

    .ysqUEO .sNews-view-wrap .main .foot .ctr .arrow s:after,.ysqUEO .sNews-view-wrap .main .foot .ctr .arrow s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 1px;
        margin-top: -.5px;
        background-color: currentColor;
        margin-left: -5px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ysqUEO .sNews-view-wrap .main .foot .ctr .arrow s:before {
        -webkit-transform: rotate(-44deg) translateX(.5px);
        transform: rotate(-44deg) translateX(.5px)
    }

    .ysqUEO .sNews-view-wrap .main .foot .ctr .arrow s:after {
        -webkit-transform: rotate(44deg) translateX(.5px);
        transform: rotate(44deg) translateX(.5px)
    }

    @media screen and (min-width: 1025px) {
        .sNews-view-wrap .main .foot .ctr .arrow:hover {
            color:currentColor
        }

        .sNews-view-wrap .main .foot .ctr .arrow:hover s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .sNews-view-wrap .main .foot .ctr .arrow:hover s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    @media screen and (max-width: 1024px) {
        .sNews-view-wrap .main .foot .ctr .arrow:active {
            color:currentColor
        }

        .sNews-view-wrap .main .foot .ctr .arrow:active s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .sNews-view-wrap .main .foot .ctr .arrow:active s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    .sNews-view-wrap .main .foot .ctr .limit {
        margin: 0 .5em;
        max-width: 24em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top
    }

    .sNews-view-wrap .main .foot .ctr.prev {
        float: left
    }

    .sNews-view-wrap .main .foot .ctr.prev .arrow {
        float: left
    }

    .sNews-view-wrap .main .foot .ctr.prev .arrow>s {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .sNews-view-wrap .main .foot .ctr.next {
        float: right
    }

    .sNews-view-wrap .main .foot .ctr.next .arrow {
        float: right
    }

    .sNews-view-wrap .main .foot .ctr[href=""],.sNews-view-wrap .main .foot .ctr[href="#"] {
        color: #999!important;
        cursor: not-allowed
    }

    .sNews-view-wrap .main .foot .ctr:hover {
        color: #0077b8
    }

    .sNews-view-wrap .siderbar {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
        width: 7.2rem;
        min-width: 7.2rem;
        margin-left: 2rem
    }

    @media screen and (max-width: 1600px) {
        .sNews-view-wrap .siderbar {
            top:92px
        }
    }

    .sNews-view-wrap .siderbar .section {
        position: relative;
        overflow: hidden
    }

    .sNews-view-wrap .siderbar .section:nth-child(1n+2) {
        margin-top: 1.2rem
    }

    .sNews-view-wrap .siderbar .section .dt {
        color: #333;
        line-height: 1.25
    }

    .sNews-view-wrap .siderbar .section .dd {
        margin-top: .1rem
    }

    .sNews-view-wrap .siderbar .section .list .item {
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: .5rem 0;
        border-bottom: #c3c3c3 dashed 1px;
        line-height: 1.5
    }

    .sNews-view-wrap .siderbar .section .list .item .pic {
        width: 100%;
        height: 0!important;
        padding-bottom: 62.5%;
        background-color: #eee;
        margin-bottom: .5rem
    }

    .sNews-view-wrap .siderbar .section .list .item .date {
        font-family: Verdana,Geneva,Arial,sans-serif;
        font-weight: 700;
        color: #999
    }

    .sNews-view-wrap .siderbar .section .list .item .title {
        margin-top: .1rem;
        font-size: 16px;
        color: #333;
        line-height: 1.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 3em;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sNews-view-wrap .siderbar .section .list .item:hover .title {
        color: #0077b8
    }

    .sQuestion-list .item {
        border-bottom: #dedede solid 1px
    }

    .sQuestion-list .item .show {
        position: relative;
        padding: 1.5em 10em 1.5em 2em;
        background-color: #fff;
        font-weight: 700;
        color: #666;
        line-height: 2em;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sQuestion-list .item .show .title {
        font-size: 1.2em;
        line-height: 1.33333333em;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .sQuestion-list .item .show .title>span {
        vertical-align: middle
    }

    .sQuestion-list .item .show .title .num {
        font-size: 1.6em;
        font-family: Verdana,Geneva,Arial,sans-serif;
        font-weight: 400;
        margin-right: .25em
    }

    .sQuestion-list .item .show .arrow {
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        background-color: #0077b8;
        border-radius: 50%;
        color: #fff
    }

    .sQuestion-list .item .show .arrow s {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-family: SimSun,'宋体'!important;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        pointer-events: none
    }

    .ysqUEO .sQuestion-list .item .show .arrow s {
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap
    }

    .ysqUEO .sQuestion-list .item .show .arrow s:after,.ysqUEO .sQuestion-list .item .show .arrow s:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 2px;
        margin-top: -1px;
        background-color: #fff;
        margin-left: -8px;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .ysqUEO .sQuestion-list .item .show .arrow s:before {
        -webkit-transform: rotate(-44deg) translateX(1px);
        transform: rotate(-44deg) translateX(1px)
    }

    .ysqUEO .sQuestion-list .item .show .arrow s:after {
        -webkit-transform: rotate(44deg) translateX(1px);
        transform: rotate(44deg) translateX(1px)
    }

    @media screen and (min-width: 1025px) {
        .sQuestion-list .item .show .arrow:hover {
            color:#fff
        }

        .sQuestion-list .item .show .arrow:hover s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .sQuestion-list .item .show .arrow:hover s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    @media screen and (max-width: 1024px) {
        .sQuestion-list .item .show .arrow:active {
            color:#fff
        }

        .sQuestion-list .item .show .arrow:active s:before {
            -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg)
        }

        .sQuestion-list .item .show .arrow:active s:after {
            -webkit-transform: rotate(44deg);
            transform: rotate(44deg)
        }
    }

    .sQuestion-list .item .hide {
        display: none;
        background-color: #fafafa
    }

    .sQuestion-list .item .hide .imax {
        padding: 2.5em 2em
    }

    .sQuestion-list .item.unfold .show {
        background-color: #0077b8;
        color: #fff
    }

    .sQuestion-list .item.unfold .show .arrow {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #fff
    }

    .sQuestion-list .item.unfold .show .arrow>s:after,.sQuestion-list .item.unfold .show .arrow>s:before {
        background-color: #0077b8
    }

    .sContact-wrap {
        padding: 0
    }

    .sContact-ways {
        padding: 1.6rem 0
    }

    .sContact-ways .list {
        margin-top: 1.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sContact-ways .list:after {
        display: none
    }

    .sContact-ways .list .item {
        width: 4.8rem;
        min-height: 4.8rem;
        position: relative;
        z-index: 2;
        text-align: center;
        padding: .8rem .4rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sContact-ways .list .item .icoImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 2rem;
        height: 2rem;
        background-color: #0077b8;
        border-radius: 50%
    }

    .sContact-ways .list .item .sdt {
        margin-top: .5rem;
        color: #333;
        font-weight: 700
    }

    .sContact-ways .list .item .sdd {
        margin-top: .3rem;
        line-height: 1.5
    }

    .sContact-ways .list .item .qrcode {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 100%;
        z-index: 3
    }

    .sContact-ways .list .item .qrcode>img {
        display: block;
        width: 100%
    }

    .sContact-ways .list .item:hover .qrcode {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible
    }

    .sContact-map {
        position: relative;
        z-index: 2;
        height: 13.6rem
    }

    .sContact-map #dituContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 1.1;
        background-color: #f5f3f0
    }

    .sContact-map #dituContent .BMap_bubble_title {
        font-size: 16px;
        margin-bottom: 5px;
        padding-right: 16px;
        color: #f1ab18
    }

    .sContact-map #dituContent .BMap_bubble_content {
        width: auto;
        font-size: 14px;
        line-height: 18px
    }

    .sContact-map #dituContent img {
        max-width: none
    }

    ._pen .sContact-map {
        pointer-events: none
    }

    .sQuote {
        background-image: url(../images/bgs-quote.jpg);
        background-size: 100% auto;
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-color: #fff;
        padding-top: 80px
    }

    @media screen and (max-width: 1600px) {
        .sQuote {
            padding-top:72px
        }
    }

    .sQuote-slogan {
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: 2rem 0;
        text-align: center;
        line-height: 1.25
    }

    .sQuote-slogan .wrapIn {
        position: relative;
        display: inline-block;
        vertical-align: top;
        z-index: 2;
        background-image: url(../images/dcts-quote.png);
        background-size: auto 2.6rem;
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding-left: 200px;
        color: #fff;
        letter-spacing: .05em;
        min-height: 2.6rem
    }

    .sQuote-slogan .wrapIn .p1 {
        font-style: italic;
        font-weight: 700
    }

    .sQuote-slogan .wrapIn .p2 {
        font-style: italic
    }

    .sQuote-wrap {
        background-color: #fff;
        border-radius: 20px;
        padding: 2.4rem 2.8rem;
        position: relative;
        z-index: 2
    }

    .sQuote-wrap:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        right: .8rem;
        top: .9rem;
        width: 7em;
        height: 3.25em;
        background-image: url(../images/dots-quote-form.png);
        background-size: auto 100%;
        background-position: 0 50%;
        background-repeat: repeat-x
    }

    .sQuote-wrap .section {
        position: relative;
        z-index: 2
    }

    .sQuote-wrap .section:nth-child(1n+2) {
        margin-top: 1.2rem;
        border-top: #e5e5e5 solid 1px;
        padding-top: 1.2rem
    }

    .sQuote-wrap .section .head .this {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 2;
        color: #000;
        font-weight: 700;
        padding-top: .4rem;
        padding-right: .8rem
    }

    .sQuote-wrap .section .head .this:after,.sQuote-wrap .section .head .this:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute
    }

    .sQuote-wrap .section .head .this:before {
        left: -30px;
        top: 0;
        width: 50px;
        height: 50px
    }

    .sQuote-wrap .section .head .this:after {
        right: 0;
        top: .3rem;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: #0077b8 solid 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sQuote-wrap .section .head.AniDid .this:after,.sQuote-wrap .section .head.AniDid .this:before {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .sQuote-wrap .section .body {
        margin-top: .7rem
    }

    .sQuote-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sQuote-form:after {
        display: none
    }

    .sQuote-form .counts {
        width: 100%;
        margin-bottom: .8rem;
        color: #999;
        line-height: 1.25
    }

    .sQuote-form .formItem {
        margin-bottom: .8rem;
        width: 46%
    }

    .sQuote-form .formItem .focus {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-weight: 700
    }

    .sQuote-form .formItem .skin {
        height: 48px;
        line-height: 48px;
        width: 450px;
        width: 100%;
        font-size: 16px;
        color: #333;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        border-bottom: #e5e5e5 solid 1px
    }

    .sQuote-form .formItem .skin::-webkit-input-placeholder {
        color: #b0b4bb;
        font-size: 14px
    }

    .sQuote-form .formItem .skin:-moz-placeholder {
        color: #b0b4bb;
        font-size: 14px
    }

    .sQuote-form .formItem .skin::-moz-placeholder {
        color: #b0b4bb;
        font-size: 14px
    }

    .sQuote-form .formItem .skin:-ms-input-placeholder {
        color: #b0b4bb;
        font-size: 14px
    }

    .sQuote-form .formItem.pvc .sendcode {
        position: absolute;
        right: 0;
        bottom: 8px;
        text-align: center;
        background-color: #000;
        color: #fff;
        font-size: 14px;
        border-radius: 10px;
        width: 110px;
        height: 36px;
        line-height: 36px
    }

    .sQuote-form .formItem.pvc .sendcode:after {
        background-color: rgba(255,255,255,.25)
    }

    .sQuote-form .formItem [ysq-addressPicker] {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=);
        background-size: 12px auto;
        background-position: 97.5% 50%;
        background-repeat: no-repeat
    }

    .sQuote-form .formItem .enter {
        display: inline-block;
        vertical-align: top;
        width: 160px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #000;
        text-align: left;
        text-indent: 4px
    }

    .sQuote-form .formItem .enter:before {
        content: " ";
        position: absolute;
        left: 90px;
        top: 50%;
        margin-top: -14px;
        width: 50px;
        height: 28px;
        z-index: 2;
        pointer-events: none;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        background-image: url(../images/btns-quote-form-enter.png);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    .sQuote-form .formItem .enter:hover:before {
        left: 96px
    }

    .sQuote-contact {
        position: relative;
        padding-right: 8rem
    }

    .sQuote-contact .list {
        padding: .2rem 0
    }

    .sQuote-contact .list .item {
        color: #000;
        font-weight: 700;
        line-height: 1.5
    }

    .sQuote-contact .list .item:nth-child(1n+2) {
        margin-top: .3rem
    }

    .sQuote-contact .btns {
        position: absolute;
        right: .3rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .sQuote-contact .btns .btn {
        width: 120px;
        height: 32px;
        line-height: 32px;
        padding: .3rem .4rem;
        color: #fff;
        border-radius: 4px;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .sQuote-contact .btns .btn:after {
        background-color: rgba(0,0,0,.15)
    }

    .sQuote-contact .btns .btn .icoImg {
        display: inline-block;
        vertical-align: middle;
        margin-right: .5em
    }

    .sQuote-contact .btns .btn.i1 {
        background-color: #f1ab18
    }

    .sQuote-contact .btns .btn.i2 {
        background-color: #93c025;
        margin-left: .4rem
    }

    .sQuote-city {
        padding: .2rem 0;
        margin-right: -.4rem
    }

    .sQuote-city .dib {
        margin-right: .7rem;
        color: #333;
        line-height: 1.5;
        padding: 4px 0
    }

    .sCase-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sCase-list:after {
        display: none
    }

    .sCase-list .item {
        position: relative;
        overflow: hidden;
        padding-bottom: .3rem
    }

    .sCase-list .item:nth-child(1n+1) {
        width: 32%;
        margin-left: 2%;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sCase-list .item:nth-child(3n+1) {
        margin-left: 0
    }

    .sCase-list .item:nth-child(1n+4) {
        margin-top: 1.5%
    }

    .sCase-list .item .pic {
        width: 100%;
        height: 0!important;
        padding-bottom: 62.60869565%;
        background-color: #eee
    }

    .sCase-list .item .title {
        margin-top: .4rem;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sCase-list .item .aside {
        font-size: 14px;
        color: #999;
        line-height: 18px
    }

    .sCase-list .item:hover .title {
        color: #0077b8
    }

    .sCase-view {
        padding-top: 80px;
        background-image: url(../images/bgs-case-view.jpg);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-attachment: fixed
    }

    @media screen and (max-width: 1600px) {
        .sCase-view {
            padding-top:72px
        }
    }

    .sCase-view-wrap {
        background-color: transparent;
        padding: 0 0 2.4rem
    }

    .sCase-view-wrap .head {
        padding: 1.6rem 0 1rem;
        position: relative;
        overflow: hidden;
        color: #fff;
        text-align: center
    }

    .sCase-view-wrap .head .title {
        line-height: 1.25
    }

    .sCase-view-wrap .head .aside {
        margin-top: .4rem;
        line-height: 1.5
    }

    .sCase-view-wrap .body {
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        z-index: 2;
        padding: 1.2rem
    }

    .sCase-view-wrap .body .orderNumber {
        position: relative;
        z-index: 2;
        padding-bottom: .9rem;
        font-size: 16px;
        margin-bottom: .9rem
    }

    .sCase-view-wrap .body .orderNumber:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background-image: url(../images/bgi-float-toolbar-line.png);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: repeat-x
    }

    .sCase-view-wrap .foot {
        margin-bottom: -.3rem;
        margin-top: .8rem;
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sCase-view-wrap .foot:after {
        display: none
    }

    .sCase-view-wrap .foot>a {
        color: #333;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s;
        position: relative;
        overflow: hidden
    }

    .sCase-view-wrap .foot>a:hover {
        color: #0077b8
    }

    .sCase-view-wrap .foot .ctr {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,.04)
    }

    .sCase-view-wrap .foot .ctr[href=""],.sCase-view-wrap .foot .ctr[href="#"] {
        cursor: not-allowed;
        color: #999
    }

    .sComments-wrap {
        padding: 0
    }

    .sComments-wall {
        padding-bottom: 1.6rem
    }

    .sComments-wall .wall {
        position: relative;
        z-index: 2;
        height: 260px
    }

    .sComments-wall .wall .tip {
        z-index: 2;
        position: absolute;
        padding: 3px 15px 12px
    }

    .sComments-wall .wall .tip:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: -7px;
        top: -6px;
        right: -7px;
        bottom: -8px;
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url(../images/bgs-comments-wall-item-1.png)
    }

    .sComments-wall .wall .tip .this {
        display: inline-block;
        vertical-align: middle;
        padding: 8px 0;
        color: #333
    }

    .sComments-wall .wall .tip .icoImg {
        display: inline-block;
        vertical-align: middle;
        width: 2.8em;
        height: 2.8em
    }

    .sComments-wall .wall .tip._lan:before {
        background-image: url(../images/bgs-comments-wall-item-2.png)
    }

    .sComments-wall .wall .tip._lan .this {
        color: #fff
    }

    .sComments-wall .wall .tip.i1 {
        left: 27.36111111%;
        top: 2px
    }

    .sComments-wall .wall .tip.i1 .this {
        font-size: 1.6em
    }

    .sComments-wall .wall .tip.i2 {
        left: 46.31944444%;
        top: 20px
    }

    .sComments-wall .wall .tip.i2 .this {
        font-size: 1.4em
    }

    .sComments-wall .wall .tip.i3 {
        right: 17.08333333%;
        top: 2px
    }

    .sComments-wall .wall .tip.i3 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i4 {
        left: .13888889%;
        top: 40px
    }

    .sComments-wall .wall .tip.i4 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i5 {
        right: .27777778%;
        top: 34px
    }

    .sComments-wall .wall .tip.i5 .this {
        font-size: 1.25em
    }

    .sComments-wall .wall .tip.i6 {
        left: 14.23611111%;
        top: 50px
    }

    .sComments-wall .wall .tip.i6 .this {
        font-size: 1.25em
    }

    .sComments-wall .wall .tip.i7 {
        right: 30.83333333%;
        top: 75px
    }

    .sComments-wall .wall .tip.i7 .this {
        font-size: 1em
    }

    .sComments-wall .wall .tip.i8 {
        right: 11.66666667%;
        top: 106px
    }

    .sComments-wall .wall .tip.i8 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i9 {
        left: 34.30555556%;
        top: 124px
    }

    .sComments-wall .wall .tip.i9 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i10 {
        left: 3.33333333%;
        bottom: 22px
    }

    .sComments-wall .wall .tip.i10 .this {
        font-size: 1.25em
    }

    .sComments-wall .wall .tip.i11 {
        left: 17.22222222%;
        bottom: 5px
    }

    .sComments-wall .wall .tip.i11 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i11 .icoImg {
        width: 2.4em;
        height: 2.4em
    }

    .sComments-wall .wall .tip.i12 {
        left: 47.22222222%;
        bottom: 10px
    }

    .sComments-wall .wall .tip.i12 .this {
        font-size: 1em
    }

    .sComments-wall .wall .tip.i13 {
        right: 24.02777778%;
        bottom: 8px
    }

    .sComments-wall .wall .tip.i13 .this {
        font-size: 1.3em
    }

    .sComments-wall .wall .tip.i14 {
        right: 2.08333333%;
        bottom: 4px
    }

    .sComments-wall .wall .tip.i14 .this {
        font-size: 1.3em
    }

    .sComments-tab {
        position: relative;
        z-index: 2;
        padding: 1.6rem 0 2.4rem;
        background-color: #f8fbfd
    }

    .sComments-tab .Tg {
        text-align: center
    }

    .sComments-tab .Tg .btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        text-align: center;
        color: #333;
        padding-top: .2rem;
        padding-bottom: .5rem;
        -webkit-transition: all 320ms ease-out 0s;
        transition: all 320ms ease-out 0s
    }

    .sComments-tab .Tg .btn:after {
        content: " ";
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: -8px;
        margin-left: -8px;
        overflow: hidden;
        width: 0;
        height: 0;
        border-width: 8px 8px;
        border-color: #0077b8 transparent transparent transparent;
        border-style: solid;
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .sComments-tab .Tg .btn:nth-child(1n+2) {
        margin-left: 2.4rem
    }

    .sComments-tab .Tg .btn.on {
        color: #0077b8
    }

    .sComments-tab .Tg .btn.on:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important
    }

    .sComments-tab .Tt {
        position: relative;
        margin-top: .8rem
    }

    .sComments-tab .Tt .box {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        visibility: hidden
    }

    .sComments-tab .Tt .box.on {
        position: relative;
        -webkit-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
        z-index: 9
    }

    .sComments-tab .Tt .box.leave {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .sComments-tab .Tt .box.come {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .sComments-tab .module-scrollBox {
        position: relative;
        overflow: hidden;
        padding-bottom: 1.2rem
    }

    .sComments-tab .module-scrollBox.x .scrollbar {
        left: 25%;
        width: 50%;
        bottom: 0;
        background-color: #eee
    }

    .sComments-tab .module-scrollBox.x .scrollbar,.sComments-tab .module-scrollBox.x .scrollbar .thumb,.sComments-tab .module-scrollBox.x .scrollbar .track {
        height: 5px
    }

    .sComments-tab .module-scrollBox.x .scrollbar .thumb {
        width: 0;
        left: 0;
        background-color: #0077b8;
        opacity: .8
    }

    .sComments-tab .module-scrollBox .scrollbar {
        position: absolute;
        bottom: 0;
        z-index: 3;
        display: none
    }

    .sComments-tab .module-scrollBox .scrollbar .track {
        position: relative
    }

    .sComments-tab .module-scrollBox .scrollbar .thumb {
        position: absolute;
        top: 0;
        cursor: pointer;
        border-radius: 2.5px;
        -webkit-transition: all 80ms ease-out 0s;
        transition: all 80ms ease-out 0s
    }

    .sComments-tab .module-scrollBox .scrollbar .thumb .end {
        height: 5px;
        width: 5px
    }

    .sComments-tab .module-scrollBox .viewport {
        position: relative;
        overflow: hidden;
        padding: .3rem 0;
        width: 100%
    }

    .sComments-tab .module-scrollBox .disable {
        display: none
    }

    .sComments-tab .module-scrollBox .overview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        -webkit-transition: all 150ms ease-in 0s;
        transition: all 150ms ease-in 0s;
        white-space: nowrap;
        font-size: 0;
        text-align: center;
        min-width: 100%
    }

    .sComments-tab .module-scrollBox .item {
        position: relative;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        width: 13em;
        height: 16.7em;
        -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 14px 0 rgba(0,0,0,.1)
    }

    .sComments-tab .module-scrollBox .item:nth-child(1n+2) {
        margin-left: .7rem
    }

    .sComments-tab .module-scrollBox .item .link {
        display: block
    }

    .sComments-tab .module-scrollBox .item .pic {
        width: 100%;
        height: 0!important;
        padding-bottom: 128.46153846%;
        border: #e2e2e2 solid 1px;
        background-color: #eee;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sComments-tab .module-scrollBox .item .pic img {
        -o-object-fit: scale-down;
        object-fit: scale-down
    }

    .sBusiness-wrap {
        padding: 0
    }

    .sBusiness-territorial-digitalData {
        position: relative;
        z-index: 2;
        padding: 1.6rem 0;
        background-color: #fafafa;
        border-bottom: #e9e9e9 solid 2px
    }

    .sBusiness-territorial-digitalData .w {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sBusiness-territorial-digitalData .w:after {
        display: none
    }

    .sBusiness-territorial-digitalData .col {
        position: relative;
        padding: .4rem
    }

    .sBusiness-territorial-digitalData .col:before {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 3.25em;
        height: 3.25em;
        background-image: url(../images/dots-quote-form.png);
        background-size: auto 100%;
        background-position: 0 50%;
        background-repeat: repeat-x
    }

    .sBusiness-territorial-digitalData .col .sdt .num {
        display: inline-block;
        vertical-align: bottom;
        color: #0077b8;
        font-family: Tahoma,Arial,sans-serif;
        font-weight: 700
    }

    .sBusiness-territorial-digitalData .col .sdt .unit {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        line-height: 2;
        color: #333
    }

    .sBusiness-territorial-digitalData .col .sdd {
        margin-top: .3rem;
        color: #333
    }

    .sBusiness-territorial-digitalData .col:hover:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s
    }

    .sBusiness-territorial-distribution {
        padding: 2rem 0
    }

    .sBusiness-territorial-distribution .mapSearch {
        position: absolute;
        right: .2rem;
        bottom: .2rem;
        height: 50px;
        line-height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        z-index: 7
    }

    .sBusiness-territorial-distribution .mapSearch:after {
        display: none
    }

    .sBusiness-territorial-distribution .mapSearch .skin {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        border: #e2e2e2 solid 1px;
        height: 48px;
        line-height: 48px;
        width: 148px;
        padding: 0 12px;
        font-size: 14px;
        background-size: 12px auto;
        border-radius: 10px
    }

    .sBusiness-territorial-distribution .mapSearch .searchBtn {
        display: inline-block;
        vertical-align: top;
        width: 160px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        border-radius: 10px;
        text-indent: 20px;
        background-color: #0077b8;
        background-image: url(../images/btnt-search.png);
        background-size: 28px;
        background-position: 116px 50%;
        background-repeat: no-repeat
    }

    .sBusiness-territorial-distribution .mapSearch .searchBtn:after {
        background-color: rgba(255,255,255,.15)
    }

    .sBusiness-territorial-distribution .body {
        margin-top: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sBusiness-territorial-distribution .body:after {
        display: none
    }

    .sBusiness-territorial-distribution .area-list {
        width: 40.27777778%;
        height: 11.6rem;
        overflow-y: auto;
        padding-right: 4.16666667%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .sBusiness-territorial-distribution .area-list::-webkit-scrollbar {
        position: absolute;
        width: 2px;
        height: 2px
    }

    .sBusiness-territorial-distribution .area-list::-webkit-scrollbar-thumb {
        width: 2px;
        height: 2px;
        border-radius: 0;
        background-color: #0077b8
    }

    .sBusiness-territorial-distribution .area-list::-webkit-scrollbar-track {
        background: #e9e9e9;
        border-radius: 0
    }

    .sBusiness-territorial-distribution .area-list .item {
        position: relative;
        min-height: 120px;
        padding-bottom: .8rem;
        padding-left: 220px
    }

    .sBusiness-territorial-distribution .area-list .item:after {
        content: " ";
        z-index: -1;
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-image: url(../images/bgi-float-toolbar-line.png);
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: repeat-x
    }

    .sBusiness-territorial-distribution .area-list .item:nth-child(1n+2) {
        margin-top: .8rem
    }

    .sBusiness-territorial-distribution .area-list .item .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 190px;
        height: 120px;
        background-color: #eee;
        border-radius: 10px
    }

    .sBusiness-territorial-distribution .area-list .item .txt {
        padding: 10px 0
    }

    .sBusiness-territorial-distribution .area-list .item .txt .title {
        font-size: 24px;
        line-height: 1.5;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333
    }

    .sBusiness-territorial-distribution .area-list .item .txt .address {
        margin-top: .3rem;
        color: #666;
        line-height: 1.5
    }

    .sBusiness-territorial-distribution .mapBg {
        margin-left: .8rem;
        z-index: 2;
        position: relative;
        width: 14.94rem
    }

    .sBusiness-territorial-distribution .mapBg .mapImg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        pointer-events: none
    }

    .sBusiness-territorial-distribution .map-list {
        position: relative;
        z-index: 3;
        width: 100%;
        height: 0;
        padding-bottom: 80.72289157%
    }

    .sBusiness-territorial-distribution .map-list .area {
        position: absolute;
        width: 23px;
        height: 33px
    }

    .sBusiness-territorial-distribution .map-list .area:after {
        -webkit-transition: all 250ms ease-out 0s;
        transition: all 250ms ease-out 0s;
        opacity: 0;
        /*visibility:*/
    }

</style>

<div class="about">
<div class="wrap">
<div class="g-title">
<div class="title">
<div class="en">About us</div>
<div class="cn"><span>关于我们</span></div>
</div>
</div>
<div class="bd">
<div class="text">
<div class="title">东乾运车--公司介绍</div>
<div class="con">
<p>东乾物流是一家正规的，专业的私家车托运公司。公司总部位于上海浦东新区，公司在全国各地，北京、武汉、成都、三亚、天津、厦门、重庆等地都设有分公司。</p>
<p>公司在全国各地几十个大中小城市都设有办事处，全国各地均可以接车。且任何城市都可以发往全国其它各城市。</p>
<p>凡是在我公司办理私家车托运业务的，均正式签订汽车运输公司，在客户车辆正式发车前，均由我公司代为统一购买汽车运输保险。汽车托运费用客户可以选择多种支付方式，也可以选择车到付款都是可以的。</p>
</div>
</div>
<div class="pic"><img src="/images/about.jpg" height="auto" width="auto"/></div>
</div>
</div>
</div>
<div class="flow">
<div class="wrap">
<div class="g-title">
<div class="title">
<div class="en">Consignment process</div>
<div class="cn"><span>托运流程</span></div>
</div>
</div>
<div class="bd">
<div class="item">
<div class="icon icon-flow_01"><img src="/images/flow_01.png" height="auto" width="auto"/></div>
<div class="text"><p>电话咨询<br>400-1099-156</p></div>
</div>
<div class="line"></div>
<div class="item">
<div class="icon icon-flow_02"><img src="/images/flow_02.png" height="auto" width="auto"/></div>
<div class="text"><p>上门取车</p></div>
</div>
<div class="line"></div>
<div class="item">
<div class="icon icon-flow_03"><img src="/images/flow_03.png" height="auto" width="auto"/></div>
<div class="text"><p>运输<br>（全程  保险）</p></div>
</div>
<div class="line"></div>
<div class="item">
<div class="icon icon-flow_04"><img src="/images/flow_04.png" height="auto" width="auto"/></div>
<div class="text"><p>车到付款</p></div>
</div>         
</div>
</div>
</div>
<div class="case wrap">
<div class="g-title">
<div class="title">
<div class="en">Case of consignment</div>
<div class="cn"><span>发车现场</span></div>
</div>
</div>
<div class="bd">
<div class="item">
<a href="#">
<div class="pic"><a href='/wh/list/406564.html'><img src='/uploads/allimg/250922/1-250922151151340-lp.png' border='0' width='250' height='165' alt='武汉汽车托运怎么收费？国庆高峰期托运防坑'></a></div>
<h3 class="title">武汉汽车托运怎么收费？国庆</h3>
</a>
</div>
<div class="item">
<a href="#">
<div class="pic"><a href='/hz/list/406563.html'><img src='/uploads/allimg/250911/1-250911155325Z5-lp.jpg' border='0' width='250' height='165' alt='杭州汽车托运攻略：价格影响因素解析 + 安全托'></a></div>
<h3 class="title">杭州汽车托运攻略：价格影响</h3>
</a>
</div>
<div class="item">
<a href="#">
<div class="pic"><a href='/cd/list/406561.html'><img src='/uploads/allimg/250813/1-250Q3132420W9-lp.png' border='0' width='250' height='165' alt='成都到乌鲁木齐汽车托运全攻略：这些注意事项'></a></div>
<h3 class="title">成都到乌鲁木齐汽车托运全攻</h3>
</a>
</div>
<div class="item">
<a href="#">
<div class="pic"><a href='/xa/list/406560.html'><img src='/uploads/allimg/250802/1-250P2101312D4-lp.jpg' border='0' width='250' height='165' alt='西安到全国各地汽车托运价格及暑期托运注意事'></a></div>
<h3 class="title">西安到全国各地汽车托运价格</h3>
</a>
</div>

</div>
</div>
<div class="advantages">
<div class="g-title">
<div class="title">
<div class="en">Our advantages</div>
<div class="cn"><span>为什么要选择我们</span></div>
</div>
</div>
<div class="bd">
<div class="wrap">
<div class="bd-item adva">
<div class="bd-title">
<div class="cn">我们的优势</div>
<div class="en">Our advantages</div>
</div>
<div class="adva-bd">
<div class="item">
<div class="pic"><img src="/images/adv_01.png" height="auto" width="auto"/></div>
<div class="title">正规公司合同</div>
</div>
<div class="item">
<div class="pic"><img src="/images/adv_02.png" height="auto" width="auto"/></div>
<div class="title">专业挂车托运</div>
</div>
<div class="item">
<div class="pic"><img src="/images/adv_03.png" height="auto" width="auto"/></div>
<div class="title">市区上门取车</div>
</div>
<div class="item">
<div class="pic"><img src="/images/adv_04.png" height="auto" width="auto"/></div>
<div class="title">太平洋承保</div>
</div>
<div class="item">
<div class="pic"><img src="/images/adv_05.png" height="auto" width="auto"/></div>
<div class="title">车到付款</div>
</div>
<div class="item">
<div class="pic"><img src="/images/adv_06.png" height="auto" width="auto"/></div>
<div class="title">赠送30万保险</div>
</div>
</div>
</div>
<div class="bd-item faq">
<div class="bd-title">
<div class="cn">托运相关解答</div>
<div class="en">Frequently asked questions</div>
</div>
<div class="faq-bd">
<div class="item">
<h3><a href="/jd/406562.html">拒绝汽车托运纠纷！汽车托运核心</a></h3>
<p>掌握托运注意事项与汽车托运公司选择技巧，才能让车辆安全 “上路”。?...</p>
</div>
<div class="item">
<h3><a href="/jd/406558.html">什么情况下适合选择汽车托运？老</a></h3>
<p>长途驾驶后疲惫不堪、新车舍不得跑高速、异地购车却不知如何开回家 这些场景下，汽车托运或许是你更好的选择。 别以为...</p>
</div>
<div class="item">
<h3><a href="/jd/406557.html">春意渐浓，自驾踏青正当时：汽车</a></h3>
<p>春回大地，万物复苏，正是自驾出游的好时节。随着气温逐渐回暖，蛰伏了一个冬季的旅行热情重新被唤醒。自驾游以其自由...</p>
</div>
<div class="item">
<h3><a href="/jd/406556.html">元宵过后返程忙，汽车托运帮您忙</a></h3>
<p>正月十五元宵节，万家灯火共团圆。春节假期转瞬即逝，元宵节后，年就过完了，返程的号角已悄然吹响。 面对漫长的返程...</p>
</div>

<div class="more">
<a href="/jd/"><span>查看更多</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="map">
</div>

<div class="service">
<div class="wrap">
<div class="g-title">
<div class="title">
<div class="en">Service scope</div>
<div class="cn"><span>服务范围</span></div>
</div>
</div>
<div class="bd">
<div class="item">
<div class="hd">
<div class="icon icon-card-1"></div>
</div>
<div class="bd-i">
<h3>全国私家车托运</h3>
<p>全国一二三线市私家车托运专线</p>
</div>
</div>
<div class="item">
<div class="hd">
<div class="icon icon-card-2"></div>
</div>
<div class="bd-i">
<h3>全国商品车托运</h3>
<p>沈阳、长春、成都、郑州商品车托运</p>
</div>
</div>
<div class="item">
<div class="hd">
<div class="icon icon-card-3"></div>
</div>
<div class="bd-i">
<h3>全国巡展托运</h3>
<p>北京、上海、广州、成都巡展车托运</p>
</div>
</div>
</div>
</div>
</div>

<div class="footer">
<div class="wrap">
<div class="link">
<h3>全国分公司</h3>
<div class="bd">
<a href='/bj/' >北京</a>
<a href='/sh/' >上海</a>
<a href='/tj/' >天津</a>
<a href='/cq/' >重庆</a>
<a href='/gz/' >广州</a>
<a href='/sz/' >深圳</a>
<a href='/dg/' >东莞</a>
<a href='/cd/' >成都</a>
<a href='/xa/' >西安</a>
<a href='/ls/' >拉萨</a>
<a href='/cc/' >长春</a>
<a href='/wh/' >武汉</a>
<a href='/sy/' >三亚</a>
<a href='/kk/' >海口</a>
<a href='/fz/' >福州</a>
<a href='/hz/' >杭州</a>
<a href='/zz/' >郑州</a>
<a href='/jl/' >沈阳</a>
<a href='/yc/' >银川</a>
<a href='/lz/' >兰州</a>
<a href='/nj/' >南京</a>
<a href='/gy/' >贵阳</a>
<a href='/nc/' >南昌</a>
<a href='/cs/' >长沙</a>
<a href='/hf/' >合肥</a>
<a href='/jn/' >济南</a>
<a href='/nn/' >南宁</a>
<a href='/km/' >昆明</a>
<a href='/ty/' >太原</a>
<a href='/sjz/' >石家庄</a>
<a href='/heb/' >哈尔滨</a>
<a href='/wlmq/' >乌鲁木齐</a>
</div>
</div>
<div class="link bor">
<h3>友情链接</h3>
<div class="bd">
<ul>
<li><a href='http://www.luxblog.net/' target='_blank'>高端奢侈品</a> </li><li><a href='http://www.zdmq88.com' target='_blank'>玻璃幕墙</a> </li><li><a href='http://www.panpass.com' target='_blank'>一物一码</a> </li><li><a href='http://www.xiaomeixiong.cn' target='_blank'>郑州公司注册</a> </li><li><a href='http://qiche.jiameng.com/' target='_blank'>汽车加盟</a> </li><li><a href='https://www.86175.com/' target='_blank'>色谱</a> </li><li><a href='http://www.xiaoyuanyikatong.com/' target='_blank'>校园一卡通</a> </li>
</ul>
</div>
</div>
<div class="copyright">
<p>
Copyright &copy; 2015-2023 四川华月恒宝科技有限公司 版权所有</br>
拷贝复制网站内容需承担法律责任
<a target="_blank" href="#" rel="nofollow">公网安备</a></br>
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">蜀ICP备19038200号-3</a>
</p>
</div>
</div>
</div>
<!-- 代码 开始 -->
<div class="izl-rmenu">
<a href="tel:17761270651" class="consult" target="_blank"><div class="phone" style="display:none;">19308074871</div></a>    
<a class="cart"><div class="pic"></div></a>   
<a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
</div>
<div class="right_tel"><a href="tel:19308074871">400电话</a></div>
<!-- 代码 结束 -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?52b7e54c7674cec5c03755b7f0cf381f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</body>
<!-- 返回顶部 开始 -->
<script type="text/javascript" src="/css/jquery-1.8.3.min.js"></script>

<script>
   $(function() {
	    $(".btn_top").hide();
		$(".btn_top").live("click",function(){
			$('html, body').animate({scrollTop: 0},300);return false;
		})
		$(window).bind('scroll resize',function(){
			if($(window).scrollTop()<=300){
				$(".btn_top").hide();
			}else{
				$(".btn_top").show();
			}
		})
   })
</script>
<!-- 返回顶部 结束 -->
</html>